W3.CSS Fluid Grid | w3 css column
ResponsiveGridW3.CSSsupportsa12columnresponsivefluidgrid.Resizethepagetoseetheeffect!123456789101112Thispartwilloccupy12columnsonasmallscreen,4onamediumscreen,and3onalargescreen.Thispartwilloccupy12columnsonasmallscreen,8onamediumscreen,and9onalargescreen.123456789101112Example 12columnsonasmallscreen,4onamediumscreen,and3onalargescreen.
12columnsonasmallscreen,8o...
Responsive GridW3.CSS supports a 12 column responsive fluid grid.
Resize the page to see the effect!
1
2
3
4
5
6
7
8
9
10
11
12
This part will occupy 12 columns on a small screen, 4 on a medium screen, and 3 on a large screen.
This part will occupy 12 columns on a small screen, 8 on a medium screen, and 9 on a large screen.
1
2
3
4
5
6
7
8
9
10
11
12
Example<div class="w3-row"> <div class="w3-col m4 l3"> <p>12 columns on a small screen, 4 on a medium screen, and 3 on a large screen.</p> </div> <div class="w3-col m8 l9"> <p>12 columns on a small screen, 8 on a medium screen, and 9 on a large screen.</p> </div></div>