How to make grid css

.full-area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
}

.box-1 {
    width: 25%;
}

.box-2 {
    width: 25%;
}

.box-3 {
    width: 25%;
}

.box-4 {
    width: 25%;
}

Css grid

.grid-container {
  display: grid;
  display: inline-grid;
  display: subgrid;

Source: devhints.io

Similar codes

6 votes157 views3 answers
.row bootstrap
CSS Bootstrap
0 vote103 views1 answer
3d rotating text css
CSS
3 votes110 views1 answer
Css how to make text not break
CSS
1 vote102 views1 answer
Perfect circle css
CSS
0 vote105 views1 answer
Css align backround image to the right
CSS
4 votes113 views1 answer
Flexbox center and space between
CSS
0 vote110 views1 answer
Anchor links scrolling too far
CSS
0 vote196 views1 answer
How to target input type with css
CSS
0 vote176 views1 answer
Focus in styled component
CSS
3 votes113 views4 answers
Css keep image ratio
CSS