Foundation use offset only for medium screen

Question

I have a little problem with Foundation 5 and the grid.

I try to apply an offset only for medium screen, but it seem to apply on large and small screen too. There is the code :

<div class="row">
  <div class="large-6 medium-offset-1 medium-6 columns">
      <p>Hello world</p>
  </div>
  <div class="large-6 medium-5 columns">
    <div class="right"><p>Hello world 2</p></div>
  </div>
</div>

As you can see medium-offset-1 is only for medium but the large screen have also the offset...

Why is that ?

Answer 1

You can explicitly use large-offset-0

<div class="row">

  <div class="large-6 medium-offset-1 large-offset-0 medium-6 columns">

      <p>Hello world</p>
  </div>
  <div class="large-6 medium-5 columns">
    <div class="right"><p>Hello world 2</p></div>
  </div>

</div>