Test CSS: GRID systems

https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Grids
https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Floats
https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox
.w100-vw, .h5-vh
.w90-vw, .h10-vh
.w80-vw, .h20-vh
.w70-vw, .h30-vh
.w60-vw, .h40-vh
.w50-vw, .h50-vh
.w40-vw, .h60-vh
.w30-vw, .h70-vh
.w20-vw, .h80-vh
.w10-vw, .h90-vh
.w5-vw, .h100-vh
lr-container max-w800px min-w500px

width: 8.3333333333%

.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
.w1-12
lr-container max-w1024px min-w800px

.w1-6, .w2-12, .w4-24 { width: 16.6666666667%; }

.w2-12
.w2-12
.w2-12
.w6-12, width: 50%
.w3-12, width:25%
.w3-12
.w3-12
.w3-12
.w4-12, width: 33.3333333333%
.w4-12
.w4-12

width: 41.6666666667%

.w5-12
.w5-12
.w2-12

width: 50%

w6-12
.w6-12, .w1-2, .w6-12, .w12-24

width: 58.3333333333%

.w7-12,.w14-24
.w5-12

width: 66.6666666667%

.w2-3, .w8-12, .w18-24
.w4-12

width: 75%

.w3-4, .w9-12, .w18-24
.w3-12

width: 83.3333333333%

.w5-6, .w10-12, .w20-24
.w2-12

width: 91.6666666667%

.w11-12, .w22-24
.w1-12

width: 100%

.w5-5, .w12-12, .w24-24
.w1-24, 4.1667%
.w1-24
.w2-24, 8.3333333333%
.w2-24
.w3-24, 12.5000%
.w4-24, 16.6666666667%
.w5-24, 20.8333
.w6-24, 25%

materialize.css

width: 8.3333333333%;

m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1

width: 16.6666666667%;

m-col.s2
m-col.s2
m-col.s2
m-col.s2
m-col.s2
m-col.s2

width: 25%;

m-col.s3
m-col.s3
m-col.s3
m-col.s3

width: 33.3333333333%;

m-col.s4
m-col.s4
m-col.s4

width: 41.6666666667%;

m-col.s5
m-col.s5
m-col.s1
m-col.s1

width: 50%;

m-col.s6
m-col.s6

width: 58.3333333333%;

m-col.s7
m-col.s1
m-col.s1
m-col.s1
m-col.s1
m-col.s1

width: 66.6666666667%;

m-col.s8
m-col.s1
m-col.s1
m-col.s1
m-col.s1

width: 75%;

m-col.s9
m-col.s1
m-col.s1
m-col.s1

width: 83.3333333333%;

m-col.s10
m-col.s1
m-col.s1

width: 91.6666666667%;

m-col.s11
m-col.s1

width: 100%;

m-col.s12

Bootstrap


https://getbootstrap.com/docs/4.1/layout/grid/
https://www.w3schools.com/bootstrap4/bootstrap_grid_system.asp

http://bootstrapdocs.com/v3.2.0/docs/css/#grid
https://getbootstrap.com/docs/3.4/customize/

v3

Large devices Desktops (≥ 1200px)	.col-lg-
Medium devices Desktops (≥ 992px)	.col-md-
Small devices Tablets (≥ 768px)	 	.col-sm-
Extra small devices Phones ( < 768px )	.col-xs-
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
col-xs-2, col-sm-4, col-md-6, col-lg-8
col-xs-10, col-sm-8, col-md-6, col-lg-4
...
.row, .grid-1-1 (width: 100%)
.row, .grid-1-2 (width: 50%)
.row, .grid-1-3 (width: 33.33333333%)
.row, .grid-2-3 (width: width: 66.66666666%)
.row, .grid-1-4 (width: 25%)
.row, .grid-3-4 (width: 75%)
.row, .grid-1-5 (width: 20%)
.row, .grid-4-5 (width: 80%)
.row, .grid-1-6 (width: 16.66666666%)
.row, .grid-5-6 (width: 83.33333333%)