Build an Inventory screen layout with CSS Grid (Beginner Tutorial)

In this tutorial, we build a quick inventory screen layout with CSS Grid. Grid makes it fun and easy to quickly create complex layouts with minimal styling rules.

I'm only scratching the surface of Grid myself. For more on Grid, check out the links below.

I hope this video nudges you to try out display:grid in your next project.
Thanks for watching!

*** Links ***

Demo code link:
https://codepen.io/punkydrewster713/pen/f54db9cf5465395d98531da9d204b0b4?editors=1100

My favorite resources for learning CSS Grid:

Grid by Example (Rachel Andrew)
https://gridbyexample.com/examples/

Layout Land YouTube Channel (Jen Simmons)
https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag

CSS-Tricks Complete Guide to Grid
https://css-tricks.com/snippets/css/complete-guide-grid/

Browser support for CSS Grid
https://caniuse.com/css-grid

Join us in our Discord:
https://discord.gg/umD2GRy

Join our Email List:
https://us13.list-manage.com/subscribe?u=467755aba42db48795fa86c95&id=b40db07f16

My website
https://drewconley.dev

Видео Build an Inventory screen layout with CSS Grid (Beginner Tutorial) канала Drew Conley