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