Practice Layouts building interactive projects

What to build with Layouts

Practice and develop your coding skills by building real live interactive autograded projects with solutions and video tutorials

  • html-css

  • resume-building

  • layouts

Build your resume in HTML/CSS

  • beginner

Practice HTML and CSS by building your Resume.

Start project
  • html-css

  • layouts

Build a Digital Postcard with HTML/CSS

  • beginner

Replicate this postcard with CSS and HTML

Start project
  • html-css

  • layouts

Instagram Post

  • beginner

Replicate a single instagram post using HTML and CSS

Start project
  • bootstrap

  • html-css

  • layouts

Instagram Photo Feed with Bootstrap

  • easy

This is an improved version of the first instagram exercise, now using bootstrap.

Start project
  • html-css

  • layouts

  • flex-box

Simple Instagram Photo Feed with HTML/CSS

  • beginner

Very simple instagram simulation to understand the basics of CSS and HTML5 and how to use them together to create a website.

Start project
  • html-css

  • layouts

  • flex-box

Product Page in plain HTML/CSS

  • easy

Create an eCommerce Product Landing Page using standard HTML/CSS, no bootstrap or any other css framework.

Start project