Defining areas using named grid areas.

PHOTO EMBED

Tue Mar 01 2022 01:06:42 GMT+0000 (Coordinated Universal Time)

Saved by @ruperto1 #css #grid #areas #tempaltes

.wrapper {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-template-rows: 100px 100px;
  grid-template-areas:
    "a a b"
    "a a b";
}
.item1 {
  grid-area: a;
}
.item2 {
  grid-area: b;
}
content_copyCOPY

Esto es simplemente para identificar las grid areas

https://developer.mozilla.org/en-US/docs/Glossary/Grid_Areas