Creating Layouts with CSS
This course will teach you how to implement beautiful, responsive layouts in CSS as part of a team or as a full-stack developer.
What you'll learn
In this course, Creating Layouts with CSS, you’ll learn a repeatable process for implementing layouts in CSS, from simple to complex. First, you’ll explore how to work with mockups from a designer or to create your own. Next, you’ll discover the secret to making your layouts responsive at any screen size. Finally, you’ll learn how to adapt your components to a fluid layout so that they look beautiful in every context. When you’re finished with this course, you’ll have the skills and knowledge of HTML and CSS needed to dependably implement any layout.
Table of contents
- Flexbox and Grid Revisited 2m
- Flexbox and Grid Similarities 3m
- Flexbox and Grid Differences 6m
- Align and Justify Properties 7m
- Implementing a Layout Using Flexbox 6m
- Implementing a Layout Using Grid 2m
- Grids: Defining Grids In-depth 6m
- Grids: Positioning Items In-depth 4m
- Problem Solving with Grid and Flexbox 5m
- Summary: When to Use What? 2m
- Implementing Responsive Layouts 3m
- Implementing Grid Strategies 4m
- Markup for Layout 4m
- Media Queries 3m
- Implementing Layouts - About Page 2m
- Implementing Layouts - Header & Footer 5m
- Implementing Layouts - Visit Us Page 3m
- Implementing Layouts - Home Page 7m
- Implementing Layouts - Pies Page 2m
- Responsive Layout Summary 1m
- Implementing Responsive Components 3m
- Techniques for Responsive Images 4m
- Container Queries 3m
- Implementing Components - About Page 4m
- Implementing Components - Header & Footer 5m
- Implementing Components - Visit Us Page 5m
- Implementing Components - Home Page pt. 1 6m
- Implementing Components - Home Page pt. 2 2m
- Implementing Components - Pies Page pt. 1 6m
- Implementing Components - Pies Page pt. 2 6m
- Responsive Components Summary 1m