css - hacer - Desplazamiento de uso de la base solo para pantalla mediana

personalizar scroll css

Question

Tengo un pequeño problema con Foundation 5 y la grilla.

Intento aplicar un desplazamiento solo para una pantalla mediana, pero parece aplicarse también en pantallas grandes y pequeñas. Hay el código:

<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>

Como puede ver medium-offset-1 es solo para el medio, pero la pantalla grande también tiene el desplazamiento ...

Porqué es eso ?

Answer 1

Puedes usar explícitamente 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>