How to set different responsive layout with w3.css?

Asked Sep 19 '17 at 13:16

Active Sep 19 '17 at 13:16

Viewed 45 times

I'd like to set two different responsive layouts (with w3.css):

For mobile (small) and medium device
For large device

I don't want to repeat my code just to specify a different responsive layout.

My code is like:

<div class="w3-content">
    <div class="w3-row-padding">
        <div class="w3-third">
           [...]
        </div>
        <div class="w3-twothird">
           [...]
        </div>
    </div>
</div>

I'd like to show w3-third over w3-twothird on small and medium devices.

Thanks

asked Sep 19 '17 at 13:16

Alessandro

4,382
8
36
70

1

Oh god, w3schools created a *framework?* [Here's the responsive documentation you're looking for](https://www.w3schools.com/w3css/w3css_grid.asp) – Blazemonger Sep 19 '17 at 13:18
Yes, it's nice... I've already seen that link, but I can find a way to diferetiate mobile and medium device. – Alessandro Sep 19 '17 at 13:25
It's literally the first example on that page. – Blazemonger Sep 19 '17 at 13:34
Oh, sorry... I was looking [here](https://www.w3schools.com/w3css/w3css_responsive.asp) and I believe your link was the same... Thanks – Alessandro Sep 19 '17 at 13:47

How to set different responsive layout with w3.css?

0 Answers0