TylerDuprey.com

Get Premium Tutorials by Treehouse.

Level Up!
  • About
  • Tutorials
  • Templates
  • Contact
  • Search
HomeTutorialsLayout a Webpage

Layout a Webpage

Important Links

  • A Complete Guide to Flexbox
  • MDN: Basic Concepts of Flexbox

Recommended Treehouse Course

CSS Flexbox Layout

Video Description

In this tutorial we build a responsive and two-column HTML page layout with flexbox. This is a versatile way to setup a webpage that holds its shape regardless of content.

Recommended Tutorials

  • Layout a Webpage

    In this tutorial we build a responsive and two-column HTML page layout with flexbox. This is a versatile way to setup a webpage that holds its shape regardless of content.

    Start Tutorial
  • Design an HTML Logo

    In this free web development tutorial, we're making a logo with HTML, CSS and the text gradients CSS technique.

    Start Tutorial
  • Build Interactive Buttons

    In this free web development tutorial, we're making interactive buttons that look like they’re being pressed down when the user clicks. We’ll be using box-shadow and the :active state to create this effect.

    Start Tutorial

Build Websites Faster

Hit the ground running with my premium starter templates.

View Templates

Keep Your Skills Sharp

Join the email list and get notified when a new tutorial is posted!

Photo of Tyler Duprey

About Tyler Duprey

Welcome to my personal website! I’m passionate about web design and sharing my knowledge with other designers and developers.

More About Me

© 2019 TylerDuprey.com