3415
редагувань
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
Рядок 310: | Рядок 310: | ||
} | } | ||
.main-page-column { | .main-page-column { | ||
display: inline-block; | |||
width: calc(33.333% - 20px); | vertical-align: top; | ||
margin | width: calc(33.333% - 20px); /* Subtract 10px for margins on both sides */ | ||
margin: 0 10px; /* Margin for spacing between columns */ | |||
height: 180px; | height: 180px; | ||
text-align: center; | |||
text-align: center; | box-sizing: border-box; | ||
box-sizing: border-box; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
background-color: #f8f9fa; | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
} | } | ||
@media (max-width: 760px) { | @media (max-width: 760px) { | ||
.main-page-column { | .main-page-column { | ||
width: 100%; /* | width: 100%; /* full width on small screens */ | ||
margin | margin: 10px 0; /* Adjust margin for vertical stacking */ | ||
} | } | ||
} | } |