{ }
CSS
VISUAL LEARNER
No of Elements in Visualizer
Grid Template Columns:
Select a value
100px 100px 100px
1fr 2fr 1fr
repeat(3, 100px)
auto auto auto
1fr 1fr 2fr
150px 200px 150px
Grid Template Rows:
Select a value
100px 100px
1fr 2fr
repeat(2, 100px)
auto auto
2fr 1fr
200px 150px
Grid Column Gap:
Select a value
5px
10px
15px
20px
25px
30px
Grid Row Gap:
Select a value
5px
10px
15px
20px
25px
30px
1
2
3
4
CSS Code
Code will be here
Copy CSS Code