Как добавить маржу в отзывчивый сайт

Question

На этом веб-сайте у меня есть два блока. Я хотел бы добавить margin-top во второй div, только когда этот div перемещается ниже на первый на средних устройствах.

Моей проблемой является пропустить выравнивание сверху на больших устройствах.

меня Используйте fundation.css

<div class="row"> 
    <div class="medium-12 large-3 columns"> 
     bla bla 
    </div> 
    <div class="medium-12 large-9 columns" > 
     bla bla 
    </div> 
</div> 

---

Answer 1

Если вы используете мобильный первый подход, это может быть сделано только с помощью средств массовой информации запросов

<div class="row"> 
    <div class="medium-12 large-3 columns"> 
     bla bla 
    </div> 
    <div class="medium-12 large-9 columns marginDiv" > 
     bla bla 
    </div> 
</div> 

@media screen and (min-width: 760px) { 

    .marginDiv{ 
     margin-top: 10px; 
    } 

} 

Answer 2

Вы должны будете написать медиазапросы для этого:

@media only screen and (min-width: 1280px) { 

    .row > div:nth-child(2){ 
     margin-top: 1em; 
    } 

} 

Answer 3

применять запас в CSS с помощью блока процентного (%) лык ниже,

{ margin-top:2%;}