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

Published: 19 January 2021
on channel: Drew Conley

6,655

239

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.

Demo code link:
https://codepen.io/punkydrewster713/p...

My favorite resources for learning CSS Grid:

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

Layout Land YouTube Channel (Jen Simmons)
/ @layoutland

CSS-Tricks Complete Guide to Grid
https://css-tricks.com/snippets/css/c...

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

💬 Join our Discord community of people making video games:
/ discord

⭐️ Get early access to my full JS Game Dev course:
https://drew-conley-courses.kit.com/6...

On this page of the site you can watch the video online Build an Inventory screen layout with CSS Grid (Beginner Tutorial) with a duration of hours minute second in good quality, which was uploaded by the user Drew Conley 19 January 2021, share the link with friends and acquaintances, this video has already been watched 6,655 times on youtube and it was liked by 239 viewers. Enjoy your viewing!

926