Designing Web Layouts with CSS and Flexbox/

...

/

Flex-shrink Exercise

Flex-shrink Exercise

In this lesson, we will learn how the min-width property affects shrinking, then experiment with width or flex-basis instead of min-width.

We'll cover the following...

flex-shrink and min-width

Consider the following Flex container:

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
</div>

Instead of applying a fixed width, suppose we apply a min-width to the Flex-items. ...