W3.CSS Built-In Responsiveness

W3.CSS Built-In Responsiveness
W3.CSS includes a responsive, mobile-first grid system to handle layout:

1/2. 1/2. 1/3. ...
1/4. 1/4. 1/4. ...
3/4. 1/4. 1/4. ...
50px. rest. 1/4. ...
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.
W3.CSS Responsive Classes
w3-half Occupies 1/2 of the window (on medium and large screens)
w3-third    Occupies 1/3 of the window (on medium and large screens)
w3-twothird Occupies 2/3 of the window (on medium and large screens)
w3-quarter  Occupies 1/4 of the window (on medium and large screens)
w3-threequarter Occupies 3/4 of the window (on medium and large screens)
w3-rest Occupies the rest of the column width
w3-col  Defines one column in a 12-column responsive grid
w3-mobile   Adds mobile-first responsiveness to a cell (column).
Displays elements as block elements on mobile devices.
get link:https://ouo.io/gUxnXl