CSS Grid – Positioning items using grid-template-areas and grid-area



Grid Area Positioning

#html #css #cssgrid #layouts

In this video I show you how to position grid items into different locations using grid areas. I also show you how we can change where they are positioned based on media queries (ie making our layout responsive). As a result I demonstrate the use of the grid-template-areas property and grid-area property.

This video comes from the course “Mastering CSS Grid”. Below is the link to the course.

https://www.udemy.com/course/mastering-css-grid/?couponCode=A29EC7C605BD7E205551

Thanks

Daryl

source