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 03

Flexbox - Child Order

There might be instances where you might need to rearrange default child ordering without changing the DOM structure. In this exercise, we explore how you can do this with child order and flexbox.