Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:7Length:60 minutes

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Welcome

If you’re an up-and-coming web developer, and you’re ready to learn about CSS layouts, then start here.

In this introductory video, we’ll go over everything that the course includes. By the end of this course, you’ll have taken some raw HTML and applied a fully responsive, CSS-driven layout to it. Let’s begin!

1.1 Welcome

If you're an up and coming CSS developer and you're ready to learn about CSS layouts then start here. In this installation of our start here series you're gonna learn all about controlling layouts with CSS. The first thing that we'll do is take a sneak peek at the layout that you'll be creating throughout this course and running you through why we're using the RAM unit to control our layout. Then we'll move into learning about all of the properties that control layout in the CSS. Those that control sizing, alignment, spacing and responsiveness. We'll begin with sizing where you learn about all the different width and height properties that you can work with. From there we'll move on to alignment where you'll learn about floating and clearing as well as the text align property and the difference between block and inline elements. From there we'll get into spacing CSS. You'll learn about margins and padding, about applying borders and also how the the box sizing property can make your life much easier when creating CSS layouts. And then finally you'll take the layout that you've put together and you'll make it responsive by adding media queries and adjusting your columns, spacing, and text sizing. By the end of this course, you'll have taken some raw HTML and applied a fully responsive CSS driven layout to it. So let's go ahead and start here and learn layout CSS. I'll see you in the first lesson.

Back to the top