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

grid-container > div

Add Answer

Shaun Roodt answered on April 18, 2022 Popularity 9/10 Helpfulness 1/10

answer grid-container > div

related CSS grid container

related CSS Grid Container

grid-container > div

Comment

-1

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}

Popularity 9/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Apr 18 2022

Shaun Roodt

0 Answers Avg Quality 2/10

Closely Related Answers

CSS grid container

Comment

CSS Grid as a Default Template

.wrapper {
  display: grid;
  /*Using the full width/height of the designated box elements, use fr as in example below */
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  /*Delete the two lines above and add more/less columns/rows by specifying one more for each below */
  grid-template-columns: 100px 100px 100px;
  grid-template-rows: 100px 100px 100px;
  grid-gap: 10px;
}

.box {
  background-color: orange;
  /*Play with all the columns/rows width/height properties to get what you're desiring*/
}

/* HTML:
<div class="wrapper">
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
  <div class="box">4</div>
  <div class="box">5</div>
  <div class="box">6</div>
  <div class="box">7</div>
  <div class="box">8</div>
  <div class="box">9</div>
</div>
*/

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Feb 04 2023

Angela Fox

0 Answers Avg Quality 2/10

CSS Grid Container

Comment

grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

Popularity 9/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 21 2022

naly moslih

0 Answers Avg Quality 2/10

grid-container > div

Contents

More Related Answers

grid-container > div

Closely Related Answers

CSS grid container

CSS Grid Container

Grepper

Documentation

Social

Legal

Contact

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