With CSS Grid, positioning overlay elements can be built using more logical, readable properties and values. The following are a few examples of where these grid properties come in handy. It will help to read up on grid-template-areas and grid-area properties if you’re not yet familiar with them.

8m read timeFrom css-tricks.com
Post cover image
Table of contents
Expanding images inside limited dimensionsThe overlaySettingAlignment and namedNamed grid linesLogical placement valuesWrapping up
1 Comment

Sort: