May 29, 2012

CSS Two Column Layout Tutorial

In this CSS tutorial we learn how to create a simple two column layout by hand. Here are a few quick reference links to the files created in this video:

If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my 8 hour video course and learn pro-level HTML, CSS, and responsive design.

About the Author

Brad Schiff

Brad Schiff is a front-end developer, designer, and educator who has been building user interfaces for over a decade. He’s done work for Fortune 500 companies, national political campaigns, and international technology leaders. His proudest achievement is helping people learn front-end web development.

Follow Brad on Twitter Subscribe on YouTube

2 thoughts on “CSS Two Column Layout Tutorial

  1. Hey Brad,

    Thanks for answering my question earlier. I’m quite new to html so yeah, I’ve got to get used to it. I was wondering what if instead of making my navigation horizontal I want it to be vertical? Is it possible? I mean the left side of the page would be the navigation and the right side would be where you will put the Subheading.

  2. Hey, i was wondering if you could maybe make a video explaining multiple selectors, multiple class selectors, and ordered selectors like for ex:
    .container .content .greenContent {
    blablabla
    }
    I think this selects the greenContent within a .content with in a .container, im really not too clear on all those types of selectors, Thanks for your wonderful Tuts 🙂

Leave a Reply to Oscar Cancel reply

Your email address will not be published. Required fields are marked *