3415
редагувань
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
Admin (обговорення | внесок) Немає опису редагування Мітка: Ручний відкіт |
||
Рядок 310: | Рядок 310: | ||
} | } | ||
/* Main Page Columns Layout */ | |||
.main-page-column { | .main-page-column { | ||
display: inline-block; | display: inline-block; | ||
vertical-align: top; | vertical-align: top; | ||
width: calc(33.333% - 20px); /* | width: calc(33.333% - 20px); /* Subtracting total horizontal padding/margin */ | ||
margin: | margin-right: 15px; | ||
height: | box-sizing: border-box; | ||
height: 160px; | |||
text-align: center; | text-align: center; | ||
background-color: #f8f9fa; /* Light grey background, change as needed */ | |||
border: 1px solid #ccc; /* Light grey border, change as needed */ | |||
padding: 10px; /* Padding inside the boxes */ | |||
background-color: #f8f9fa; | } | ||
border: 1px solid #ccc; | |||
padding: 10px; | .main-page-column:last-child { | ||
margin-right: 0; /* Remove margin for the last column to fit perfectly */ | |||
} | } | ||
/* Responsive behavior for smaller screens */ | |||
@media (max-width: 760px) { | @media (max-width: 760px) { | ||
.main-page-column { | .main-page-column { | ||
width: 100%; /* | width: 100%; /* Full width on smaller screens */ | ||
margin: | margin-right: 0; | ||
margin-bottom: 15px; /* Add space between stacked columns on mobile */ | |||
} | } | ||
} | } |