Zurb Foundation 5 - Flush на мобильном телефоне

Question

Я очень новичок в zurb. То, что я хочу сделать, это иметь сетку, где на мобильном телефоне сетка скрывается на экране. Но тогда на «большой сети» есть прокладка с обеих сторон. Например:

<div class="row"> 
    <div class="small-6 large-centered columns">6 centered</div> 
</div> 

Даст мне колонку в середине на большой сети, но когда я стягиваюсь в DIV не вровень.

То, что я пытаюсь достичь, это: Имейте страницу размером с мобильное приложение, которое при расширении всех элементов становится больше для большого веб-сайта и центрируется в их div в середине страницы, например, 1/3. 1/3. 1/3

Какова лучшая стратегия в Zurb для этого?

Answer 1

@media (max-width: [your mobile breakpoint width]) { 
    .row, .column, .columns { 
     padding-left: 0; 
     padding-right: 0; 
    } 
}