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.
Overview
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.
Syllabus
- Course Overview 1min
- The Responsive Layout Process 11mins
- Designers and Front-end Developers 13mins
- Layout Principles and Patterns 19mins
- Clean Code and Accessibility 19mins
- Flexbox and Grid Revisited 42mins
- Building a Responsive Layout 34mins
- Building Responsive Components 45mins
- Summary and Next Steps 3mins
Taught by
Matt Henry
