Flex-shrink Solution

This lesson contains the solution to the exercise in the previous lesson.

Using flex-basis instead of min-width

We only need to make a change in line 8 of the CSS code:

.item {
    flex-basis: 100px; /* Change min-width to width */
    height: 80px;
    border: 1px solid black;
    box-sizing: border-box;
    background-color: lightblue;
}

Get hands-on with 1200+ tech skills courses.