*{
font-family: Arial; } .wrapper > div { border: 2px solid #e67e22; padding: 1em; color: #fff; } .wrapper { display: grid; grid-template-columns: repeat(7,1fr); grid-template-rows: 100px 100px; grid-template-areas: "a a a b c c c" "a a a b c c c"; background: #9EBDD5; } |
.item1 {
grid-area: a; } .item2 { grid-area: b; } .item3{ grid-area: c; } |