Home

CSS Grid

About Me

☰

Great to meet you!

My name is Maciej and I've built this page as my final project for General Assembly's Front End Web Development class. I took the course in early 2018 in San Francisco. At FEWD I've learned how to use CSS Grid and applied the learning here. All the resources listed on this page will help you learn the Grid.

Let's connect on LinkedIn

What is CSS Grid?

CSS Grid Layout excels at dividing a page into major regions, or defining the relationship in terms of size, position, and layer, between parts built with HTML containers. CSS Grid Layout is easy to learn and use. It’s quickly changing the game for web design and development.

This page will give you all the resources and links you need to get started with your first grid. You’ll also find here some resources on Firefox DevTools layout panel, which is the best way to get a glimpse of how the Grid works on your page.

Lastly, feel free to inspect this site, as it was also built using CSS Grid. Get started by reading about the Grid on MDN and share the love for Grid.


Learn more

Layout Land

If your design focused and like to learn by watching, Jen Simmons has released a series of videos that talk about the design and CSS Grid. These videos feature lots of great examples.

Watch now

Who's the Bos?

Take part in an online course comprised of 25 videos, about 4 hours long. The course is 100% free, as it's content (and Wes's time) was sponsored by Mozilla.

Sign up now

Replace Bootstrap Layouts with CSS Grid

Quick read on the benefits of Grid layout, with usful tips on 12 column grid layout system.

Read the post

Grid Layout in DevTools

CSS Grid Layout panel lists all the available CSS Grid containers on the page and includes an overlay to help you visualize the grid itself, including grid line numbers and dimensions.

Learn more

Rachel Andrew

Rachel Andrew is a developer, speaker, and author. She is a member of the CSS Working Group and develops resources for learning about CSS Grid Layout.

Learn more

...a bit of history

If you're ready for a longer read, here is a post on the story (and a bit of history) of the Grid came to be, brought to you by it's creators.


Learn more