CSS Column Layout (Template) Tutorial

In this CSS tutorial we learn how to create a simple two column layout by hand. Check out my 9 hour web design video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBE-HALF-OFF

Link to Clearfix code:
http://learnwebcode.com/clearing-css-floats-clearfix/

Link to this demo’s HTML code:
http://learnwebcode.com/tutorial-files/css-column-layout-tutorial/

Link to this demo’s CSS code:
http://learnwebcode.com/tutorial-files/css-column-layout-tutorial/css/main.css

Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/

Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

Post Author: hatefull