DIY: The Responsive Layout

Test yourself on layouts and responsive designs.

Problem statement

We need to build a responsive navbar layout that has five elements. The navbar elements are placed horizontally in the desktop view and vertically in the mobile view. We need to use the concepts of flexbox and media queries.

Desktop view

You can find the desktop view of the layout by pressing the “Run” button.

Get hands-on with 1200+ tech skills courses.