3415
редагувань
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
Рядок 310: | Рядок 310: | ||
} | } | ||
/* Main Page Columns Layout */ | |||
/* 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); /* | align-items: center; /* Centers content horizontally in the column */ | ||
justify-content: center; /* Helps center content vertically */ | |||
width: calc(33.333% - 20px); /* Adjusting width to account for margins */ | |||
margin-right: 15px; | margin-right: 15px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
Рядок 325: | Рядок 328: | ||
.main-page-column:last-child { | .main-page-column:last-child { | ||
margin-right: 0; /* | margin-right: 0; /* Removes margin for the last column */ | ||
} | } | ||
Рядок 333: | Рядок 336: | ||
width: 100%; /* Full width on smaller screens */ | width: 100%; /* Full width on smaller screens */ | ||
margin-right: 0; | margin-right: 0; | ||
margin-bottom: 15px; /* | margin-bottom: 15px; /* Adds space between stacked columns on mobile */ | ||
} | } | ||
} | |||
/* Additional styling for images and links */ | |||
.main-page-column img { | |||
margin-bottom: 10px; /* Space between image and text */ | |||
} | |||
.main-page-column a { | |||
display: block; /* Ensures the link is centered in flex container */ | |||
} | } |