Как создать сетку разделов

Question

Я настроил сетку, которая реагирует и стеки, когда вы уменьшаете размер страницы.

Однако, как я могу сосредоточить три divs? Вы заметите, что при полном расширении они немного от центра.

http://www.naturettl.com/shop/

Спасибо.

Answer 1

Вы можете сделать это с помощью многих методов, один из этих методов является display:inline:

div.Box { 
    width: 20%; 
    height: 250px; 
    background: red; 
    display: inline-block; 
} 

#Container { 
    text-align: center; 
} 

JSFiddle(это с percent ширина)

JSFiddle(это с px шириной)

div.Box { 
    width: 200px; 
    height: 250px; 
    background: red; 
    display: inline-block; 
} 

другой способ сделать div.Box float: left; затем дать фиксированную width к родителю затем добавить margin: auto для сделать его центром.

JSFiddle

div.Box { 
    width: 200px; 
    height: 250px; 
    background: red; 
    float: left; 
    margin: 0 5px 0 5px; 
} 

, но если вы хотите, чтобы сделать его отзывчивым вы должны написать некоторый media запрос для другого разрешения.