Go Pro Sign Up Login
0 days 0 hrs 0 min 0 sec

Summer Sale

50% off Level Up Pro until you unsubscribe.
Get access to ALL 128 courses on Level Up Tutorials

This is your last chance to get Level Up Pro for $145/year.

or Learn More
Moon Moon

Buy Now and unlock this series







yours forever

Become a Pro and unlock everything




per month

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.


Become a pro to download code and videos

Starting Code

Final Code


Jimi Odeyemi

9 months ago

There seems to be a problem with a majority of the videos that I have attempted to watch Error message displayed: An error occurred. Please try again later (Playback ID: d91awoJzc_mDzITs)

Want to join the conversation?

Become a Pro member today!