Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.
In this course, we're going to learn techniques for better control over our CSS layouts. We’ll cover how the CSS Box Model impacts the presentation of each HTML element, learn to control the position of each element onscreen, and even begin to adjust our layouts for different screen sizes and environments.
Gaining more control over your CSS layouts starts with one very important concept: understanding the CSS Box Model. The Box Model is what describes the amount of space each element takes up on the page.
Chevron 6 steps3:52
7:14
6:10
10:28
6 questions
5 objectives
In our last stage, we learned the parts of the CSS Box model. We also learned that padding and border impact the size of a CSS box, while margin doesn’t.
In this stage, we’re going to become familiar with a few advanced concepts, including box-sizing, max-width, and viewport units.
Chevron 5 steps5:45
3:23
4:43
2 objectives
5 questions
In this stage, we'll work with CSS Layout Techniques, including working with the display property, CSS positioning, and float and clear.
Chevron 8 steps7:30
2 objectives
8:14
6:46
4 objectives
4:45
2 objectives
6 questions
As users, we look at websites and applications every day on a variety of screens, from laptops to tablets to phones. How do developers keep their web content legible in such a broad variety of viewing environments?
In this stage you’ll learn one very important step in optimizing your content for different platforms: writing CSS media queries.
Chevron 7 steps6:37
6:03
2 objectives
5:00
4:00
1 objective
5 questions
Anwar Montasir
Get personalized course recommendations, track subjects and courses with reminders, and more.
