Want to build fast and flexible two-dimensional layouts in CSS? Learn how with CSS Grid! Join web guru, speaker, and author Rachel Andrew for this class all about CSS Grid: the most powerful layout system available in CSS. With CSS Grid, you can now define both rows and columns, making it a two-dimensional system that opens up a whole new world of layout possibilities. Throughout the class, Rachel breaks down CSS Grid and shows you the powerfully responsive and flexible structures it allows you to implement into your designs.  Key lessons include:<ul><li>Adding gaps and borders with a single line of code  </li>
<li>Nesting grids to create easy overlays</li>
<li>Creating hero images by combining manual and auto placement</li>
<li>Incorporating responsiveness for viewing at any screen size</li>
</ul>Whether you’re a relatively new to CSS or have been using it since day one, this class will show you how to create large-scale, unique, and asymmetrical layouts with ease and efficiency. Every developer should know about CSS Grid, and after this you’ll be ready to implement it into your next project.

Introduction

Introducing CSS Grid

Defining Your Grid

Defining Track Sizing

Nesting Grids and Placing Items

Combining Manual and Auto Placement

Incorporating Responsiveness

Combining Layouts

Final Thoughts

Explore More Classes on Skillshare

CSS Essentials: Getting Started with CSS Grid

Rachel Andrew gave you 1 free month of Skillshare

Get 1 free month of Skillshare

CSS Essentials: Getting Started with CSS Grid

Creative Learning Made Easy

Company

Community

Teaching

Mobile

English

English