Video: How To Recreate The Instagram Layout

Modern CSS Layouts

17 videos

Released: null

User avatar


Scott Tolinski

How To Recreate The Instagram Layout

In this video of the Modern CSS Layouts tutorials we’ll be dissecting the different areas of a layout before learning to build our own modern CSS layout. We’ll be using the Instagram profile page as an example, identifying the main areas (like the header, user information, images grid), looking closely at the details of each one of these main areas (like the logo area and navigation buttons), and you’ll learn how to recreate this layout using all the Modern CSS Layouts foundational skills you’ve learned so far.

Starting Code

Final Code