Flexbox and Responsive Web Design

Here we have one container that flexes perfectly, keeping all 10 images in one row and adjusting their size to the width of the window. However, we want the images to wrap if the screen size gets too small. We use a media query to get that done.

This page has NO width constraints!

Books icon Globe icon Flask icon Light bulb icon School icon Clock icon Column icon Briefcase icon Palette icon Apple icon

SVG education icons designed by Freepik from Flaticon. License: Free with attribution.