Comment on page

CSS Layouts

Popular layouts and patterns made with CSS
In this section we cover the most popular CSS Layouts for web app front-ends, and how you can re-create them inside Dittofi. Click the links to learn more!
  • ​Holy Grail Layout (used extensively in web app development by Facebook, HubSpot, Stack Overflow etc.)
  • ​Side Bar Layout (used extensively by Spotify, YouTube, Udemy etc.)
  • ​Sticky Footer Layout (useful for shorter pages, like login, sign up or website pages)
  • ​Sticky Header Layout (useful for search bars, navigation bars and much more - YouTube use one)
In order to fully understand how these layouts are built, you need a good understanding of HTML, CSS, the box model & flex-box. If any of these concepts are new to you, we advise that you watch the full Dittofi 2023 Web Developer Boot Camp series which can be found inside the Dittofi University. This course will teach you everything you need to know in under 5 hours.