Search⌘ K

Order Exercise

Explore techniques to align individual Flexbox items by using the order property along with flex-grow, flex-shrink, and flex-basis values. Learn to build a responsive layout without changing HTML, organizing content like headers, call to action areas, and blog posts across different viewport sizes. This lesson helps you understand practical Flexbox alignment to build mobile-responsive web pages.

We'll cover the following...

Creating a responsive layout

In the following exercise, you will create a responsive layout based on the mobile markup. Without changing anything in the HTML, use order to position your boxes properly.

Create a responsive ...