CSS: Advanced LaYouts with Grid [Released: 11/20/2024]

Download Now

The course provides a brief overview of what the CSS grid layout module is and provides some context for using it alongside (or instead of) more traditional layout methods. It additionally provides working examples of five common grid patterns used for modern web layouts. Instructor Carrie Dils covers CSS grid core concepts, shows how to use CSS grid to achieve a desired layout, provides practical examples of using CSS grid, and illustrates responsive layouts with CSS grid.

This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With GitHub Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that you'll likely encounter in the workplace. Check out the "Using GitHub Codespaces with this course" video to learn how to get started.

Learning objectives

• Define the CSS grid, along with its terminology and features.
  
• Use browser tools to assist with building grid layouts.
  
• Build some common grid patterns both for general website layout and individual component layout.
  

Exercise Files on GitHub

More Info