Jump to content

w3-col responsive?


rj1102

Recommended Posts

Why is the next code not responsive? I mean, if I make the screen smaller, the columns will stay horizontally.

Or see the example on w3schools: http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_grid_percent&stacked=h. Also this example seems to be non responsive.

<div class="w3-row">
  <div class="w3-col" style="width: 40%; background-color: silver">
    <p>[w3-col 40%]Lorem ipsum dolor sit amet.</p> 
  </div>
  <div class="w3-col" style="width: 40%; background-color: green">
    <p>[w3-col 40%]Lorem ipsum dolor sit amet.</p> 
  </div>
  <div class="w3-col" style="width: 20%; background-color: red">
    <p>[w3-col 20%]Lorem ipsum dolor sit amet.</p> 
  </div>
</div>

Edited by rj1102
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...