How to Layer or Overlap Elements with CSS Grid

[@guchfun]

Brilliant video! Explains the CSS Grid layering and positioning concepts simply and clearly. And I really like how you demonstrate the use of Developer tools in Chrome as a way to conceptualize the grid.

[@GoodcitizenCA]

excellent! great example

[@rj_nelson_97]

Best tutorial on CSS Grid I've come across in regards to layering and grid positioning. Clear and to the point, well done! Thank you for providing, it's greatly appreciated!

[@frontendbeginners119]

Thanks very much for your comment Rashad. I'm really pleased you found it helpful!

[@neets7519]

@@frontendbeginners119 do you have a twitter? I've just posted this video there

[@zdenekholy2634]

This video should have MILLIONS of views. Great video. AS mentioned above, one of the best when it comes to GRID CSS. Thank you. BTW ... could you please clarified those "-minus" values ?

[@glorykeyz1055]

Think this tutorial was just made for me. Thank you so much

[@VinhNguyen-ul8yg]

Very good video on laying items on top of one another.

[@frontendbeginners119]

Thank you very much! I hope it helped

[@mtpk0]

This was GOLD! Subbed. Can you make a video on converting overlapping grid layouts to mobile, or the process of working mobile first? What approach would you take and which CSS techniques would you employ to keep the 'broken grid" layout consistent on mobile, or would you switch to a basic blocked row layout? Really appreciate your explanations and tutorial format. :)

[@neets7519]

Amazing video 💙

[@frontendbeginners119]

Thanks very much!

[@mattfisher2211]

How would you make box number 1 larger, if it was a background image for example

[@heytraile]

this is very good 👍🏿

[@frontendbeginners119]

Thanks very much! I hope it helped.