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

9 votes313 views1 answer
Full page background image
CSS
0 vote346 views1 answer
Css background templates
CSS
0 vote311 views1 answer
Css change width animation
CSS
28 votes346 views6 answers
Margin
CSS
72 votes311 views6 answers
Css absolute center horizontal
CSS
6 votes315 views2 answers
Html table scrollable body fixed header
CSS
0 vote303 views1 answer
Align links to right css
CSS
0 vote344 views2 answers
Wpforms button style
CSS
0 vote315 views1 answer
How to paralax effect on background image
CSS
-2 votes286 views1 answer
Add css dynamically in angular 6
CSS