Fundamental displacement only for the middle screen

Question

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

I am trying to apply the offset only for the middle screen, but it seems to apply to both the large and small screens. There is a 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, it is medium-offset-1intended only for media, but the large screen also has an offset ...

Why?

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>