Build Modern Layouts with CSS Grid

22m
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.7
601
people completed
Bookmark
Download
RSS

The CSS Grid Layout introduces a two-dimensional grid system allowing both fixed and flexible track sizes to be defined. This allows for easy management of an app's layout.

You'll start with an empty HTML file with minimal global styles applied in your CSS file. You will then iteratively add sections and items to your HTML page to structure through a CSS grid. You'll learn how to control a grid's columns and rows and define the size of each respectively.

By the end of the course, you'll have a fully responsive landing page that behaves how you expect it to on any device.

Instructor

Hiroko Nishimura

Hiroko Nishimura is a Technical Writer, Technical Instructor, and AWS Community Hero. She is the founder of AWS Newbies, and teaches at LinkedIn Learning and egghead. As a "tech transplant" coming from special education background, she strives to create technical resources that help explain the introductory jargon and concepts for newbies.

Course content (13 lessons)

    illustration for Build Modern Layouts with CSS Grid