From the course: CSS Layouts: From Float to Flexbox and Grid
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
Layouts with CSS - CSS Tutorial
From the course: CSS Layouts: From Float to Flexbox and Grid
Layouts with CSS
- [Instructor] CSS includes many different layouts. The techniques we'll be covering in this course are the normal flow, which defines how the browser lays out the HTML elements before any CSS is added. Floats was a popular technique used to create page layouts as we moved away from table based layouts. Positioning can also be used to move elements from the normal flow, but it's generally used for smaller parts within the page layout. Flexbox introduced better ways for aligning content and creating flexibility. And Grid is the newest method and allows for more complex layouts by introducing ways to align components within columns and rows. The multi-column layout can also be used in layout content and columns similar to how text flows in a newspaper. This module is currently at the working draft phase, so I won't be going over it in detail in this course, but it's something to keep an eye on. You can visit the Mozilla…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.