The main container has a maximum width of 1116px. When the screen size
is greater than the container's maximum width, the margin: auto
property is used to center it.
Margins and paddings are used to create space around elements.
Margins are used for space between elements while paddings are used for
space within an element. The default padding is a fixed value and it is 32px.
EOS uses Bootstrap's grid system. It uses a series of rows, containers and
columns to arrange and align content. It’s fully responsive.