Web layouts behave like a text document, where content flows naturally from the top-left of the page, then moves to the next line (i.e., wraps) when it hits the right-side boundary of the document. The content on your page is responsive which means it conforms and adjusts to different screen resolutions. For instance, if you resize a website, the content layout adjusts accordingly so text elements remain legible.

Level 04

Flexbox - Child Order

Here we have quite a few cards that we want to distribute across the layout so they don’t get cropped. Find the right flex property so each Small card can be seen and create a path for the superpower to advance.