Breaking News: Grepper is joining You.com. Read the official announcement!

How do you grid areas

Clear Cow answered on January 4, 2024 Popularity 7/10 Helpfulness 2/10

answer How do you grid areas

How do you grid areas

Comment

<div class="container">
  <span class="item1">foo</span>
  <span class="item2">bar</span>
  <span class="item3">baz</span>
 </div>

<style>
.container {
  display: grid;
  grid-template-areas: 
    "name name date"
    "desc desc date"
}
.item1 {
  grid-area: name;
}
.item2 {
  grid-area: desc;
}
.item3 {
  grid-area: date;
}
</style>

Popularity 7/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: areas css grid

Link to this answer
Share Copy Link

Contributed on Jan 04 2024

Clear Cow

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

How do you grid areas

Contents

More Related Answers

How do you grid areas

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.