Tag Archives: flex

The flex Property

Posted on May 27, 2022 by Ann

DEFAULTS: flex-grow: 0; flex-shrink: 1; Allows flexbox to shrink elements as needed. flex-basis: auto; Instead of using the width property in flex, we use flex-basis. As shown in the following picture, if I set the flex-basis to 65 pixels, then … Continue reading →

Posted in Web Developer Course | Tagged , , , | Leave a comment

Spacing and Aligning Flex Items

Posted on April 28, 2022 by Ann

display: flex; align-items: center; * justify-content: flex-start; * (This is the default. As you can see everything is pushed to to left margin.) * Two of the most important properties that apply to the flex container. Another one is gap. … Continue reading →

Posted in Web Developer Course | Tagged , , , | Leave a comment