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

css grid background

Mehedi Islam Ripon answered on March 30, 2023 Popularity 9/10 Helpfulness 3/10

answer css grid background

css grid background

Comment

.grid-container {
  background: #f2f2f2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

In this example, we set the background property of the .grid-container class to #f2f2f2,
which is a light gray color. This will set the background color of the entire grid
container.

You can also use other values for the background property, such as images or gradients.
Here are some examples:
/* Using an image */
.grid-container {
  background: url('path/to/image.jpg');
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

/* Using a gradient */
.grid-container {
  background: linear-gradient(to bottom right, #ff9900, #ff66cc);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

Popularity 9/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: background css css-grid

Link to this answer
Share Copy Link

Contributed on Mar 30 2023

Mehedi Islam Ripon

0 Answers Avg Quality 2/10

css grid background

Contents

More Related Answers

css grid background

Grepper

Documentation

Social

Legal

Contact

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