Browse our list of curated database of projects, exercises, and lessons to learn Layouts
bootstrap
html-css
layouts
easy
This is an improved version of the first instagram exercise, now using bootstrap.
Start projecthtml-css
layouts
flex-box
beginner
Very simple instagram simulation to understand the basics of CSS and HTML5 and how to use them together to create a website.
Start projecthtml-css
resume-building
layouts
beginner
Practice HTML and CSS by building your Resume.
Start projecthtml-css
layouts
box-model
Building layouts is the most painful process when coding HTML & CSS. Learn the CSS layout rules: Display, Position, Float and Flex; and place any element anywhere you want.
Read lessonhtml-css
layouts
beginner
Replicate a single instagram post using HTML and CSS
Start projecthtml-css
layouts
flex-box
easy
Create an eCommerce Product Landing Page using standard HTML/CSS, no bootstrap or any other css framework.
Start projecthtml-css
layouts
beginner
Replicate this postcard with CSS and HTML
Start projecthtml-css
layouts
easy
Learn how to build layouts with an interactive and auto-graded tutorial.
Start exercise