Making a responsive layout
A row with 4 columns on large display
1 of 4
2 of 4
3 of 4
4 of 4
A row with 4 columns on large and 2 columns on medium display
1 of 4
2 of 4
3 of 4
4 of 4
A row with 4 columns on large, 2 columns on medium and 1 column on small display
1 of 4
2 of 4
3 of 4
4 of 4
Row with equal width columns
l50 m50 s50
l50 m50 s50
l33 m33 s33
l33 m33 s33
l33 m33 s33
l25 m25 s25
l25 m25 s25
l25 m25 s25
l25 m25 s25
l10 m10 s10
l10 m10 s10
l10 m10 s10
l10 m10 s10
l10 m10 s10
l10 m10 s10
l10 m10 s10
l10 m10 s10
l10 m10 s10
l10 m10 s10
Row with un-equal width columns
l10 m50 s100
l80 m50 s100
l60 m50 s100
l40 m50 s100
l12 m50 s100
l34 m50 s100
l54 m50 s100
l21 m50 s100
l31 m50 s100
l43 m50 s100
l5