Buy Now and unlock this series

$

39

.99

$

19

.99

yours forever

Become a Pro and unlock everything

$

24

.99

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.

Starting Code

Final Code

🧰

checkout

cart:

loading

loginWindow

search

🎒

course

course:
steps:
series:
series:
series:
series:
series:

courses

tags

activeAuthors

posts

post

seriesList

browseSeries

activePlaylist

activeTutorial

playlistTutorials

user