flex-shrink property

flex-container width = 1000px

.item { flex: 1 1 25%; }

item width = 200px

Flex Item 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero minus totam laborum necessitatibus reprehenderit quasi.

Mollitia aliquid deleniti iure amet illo cum voluptas neque eius praesentium, eaque perspiciatis non aperiam.

Flex Item 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi repellendus, consequatur, ipsam voluptas nihil officiis.

Quasi voluptate voluptates voluptatibus itaque reiciendis, error facere quos, laudantium dicta, eligendi adipisci officiis quibusdam.

Flex Item 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit quasi adipisci laudantium nihil quidem deleniti!

Totam nostrum nam minus ratione, eos, reprehenderit id aperiam sunt at iste voluptate necessitatibus, sit.

Flex Item 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias molestias, neque accusantium necessitatibus sunt magnam.

Aut doloremque nisi totam quae, exercitationem, voluptas et amet ex facilis aliquid cumque, libero repellat.

Flex Item 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt quos dolorum reiciendis nesciunt. Itaque, doloribus!

Aliquid, quod quasi obcaecati cumque est, quidem ex itaque beatae sequi doloribus quis ducimus, reprehenderit!