3415
редагувань
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
Рядок 310: | Рядок 310: | ||
} | } | ||
.main-page-column { | .main-page-column { | ||
display: inline-block; | |||
width: calc(33.333% - 10px); /* | vertical-align: top; | ||
margin-right: 15px; /* | width: calc(33.333% - 10px); /* Adjust width for margins */ | ||
margin-right: 15px; /* Right margin between columns */ | |||
height: 160px; | height: 160px; | ||
text-align: center; | text-align: center; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 10px; | padding: 10px; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
} | } | ||
.main-page-column:last-child { | .main-page-column:last-child { | ||
margin-right: 0; | margin-right: 0; | ||
} | } | ||
@media (max-width: 760px) { | @media (max-width: 760px) { | ||
.main-page-column { | .main-page-column { | ||
width: 100%; | |||
width: 100%; | |||
margin-right: 0; | margin-right: 0; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | |||
.main-page-column:last-child { | |||
margin-bottom: 0; | |||
} | } | ||
} | } | ||
.main-page-column img { | .main-page-column img { | ||
margin-bottom: 10px; /* | margin-bottom: 10px; /* Space between image and text */ | ||
} | } | ||
.main-page-column a { | .main-page-column a { | ||
display: block; | |||
color: #000; /* Change color as needed */ | |||
text-decoration: none; /* Optional: removes underline */ | |||
} | } |