Kevin Powell - CommunityKP-C
Kevin Powell - Community•2y ago•
30 replies
Pat66

Grid template areas

I want build this layout
https://pastebin.com/uydnvxWY
my css:
.members{
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-template-rows: repeat(7, 1fr);
      gap: .5em;
      grid-template-areas: "item . item item . item . "
                           ". item . . item . item" 
                           "item item . item . item item"
                            "item . . item item . item"
                            "item . item item . item ."
                            ". item . . item . item"
                            "item item . item . item .";

}
.pic{
    grid-area: item;
}

the result
ddddd.jpg
Pastebin
- Pastebin.com
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
Was this page helpful?