Forum

What are Flex Properties in CSS?

This thread contains 1 reply, has 2 voices, and was last updated by Darshan Rathod 5 years ago.

  • Author Replies
    • #54858

      What are Flex Properties in CSS?


    • #54862

      The flex properties are used to control the ratios of flex items along the main axis. The three properties are:

      flex-grow
      flex-shrink
      flex-basis

      These flex properties are usually used in their shorthand form of the flex property, the first value being flex-grow, the second flex-shrink, and the third flex-basis.
      .item {
      flex: 1 1 200px;
      }

      The value of flex-basis gives a size that the item will have before any growing or shrinking takes place. The flex-grow and flex-shrink properties enable us to control what occurs to the items if there is too much or not enough space for them.


Viewing 1 reply thread

You must be to reply to this thread.Please or . Registration is 100% free.

GET FREE CONSULTATION

Call Us Now For Free Consultation97370 05566

Our experts listen to you patiently and suggest you the right course after conducting a personality profile test. Register your interest below to schedule personality profile test for you.

SUBSCRIBE TO OUR NEWSLETTER

Copyright 2016-2024 Smart Mentors. All Rights Reserved.

Login

FORGOT PASSWORD

Sign up now to Become An Instructor

    Register your Interest

      cf7captchaRegenerate Captcha