|
|
Рядок 1: |
Рядок 1: |
| {{#css: | | {{#css: |
| /* Контейнер усієї сітки */
| |
| .mainpage-grid { | | .mainpage-grid { |
| display: grid; | | display: grid; |
| grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); /* ширші колонки */ | | grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); |
| gap: 36px; | | gap: 36px; |
| max-width: 1600px; | | max-width: 1600px; |
Рядок 9: |
Рядок 8: |
| padding: 0 24px; | | padding: 0 24px; |
| } | | } |
|
| |
| /* Оформлення кожної картки */
| |
| .mainpage-card { | | .mainpage-card { |
| background: #f6f6f6; /* світло-сірий */ | | background: #f6f6f6; |
| border: 1px solid #ddd; | | border: 1px solid #ddd; |
| border-radius: 12px; | | border-radius: 12px; |
Рядок 23: |
Рядок 20: |
| transition: transform 0.2s ease, box-shadow 0.2s ease; | | transition: transform 0.2s ease, box-shadow 0.2s ease; |
| } | | } |
|
| |
| /* Наведи — піднімається */
| |
| .mainpage-card:hover { | | .mainpage-card:hover { |
| transform: translateY(-4px); | | transform: translateY(-4px); |
| box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); | | box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); |
| } | | } |
|
| |
| /* Заголовок всередині картки */
| |
| .mainpage-card h2 { | | .mainpage-card h2 { |
| font-size: 2em; | | font-size: 2em; |
Рядок 40: |
Рядок 33: |
| text-align: left; | | text-align: left; |
| } | | } |
|
| |
| /* Обгортка логотипу */
| |
| .mainpage-card .image { | | .mainpage-card .image { |
| height: auto; | | height: auto; |
Рядок 52: |
Рядок 43: |
| width: 100%; | | width: 100%; |
| } | | } |
|
| |
| /* Сам логотип */
| |
| .mainpage-card .image img { | | .mainpage-card .image img { |
| max-height: 100%; | | max-height: 100%; |
Рядок 61: |
Рядок 50: |
| margin: 0 auto; | | margin: 0 auto; |
| } | | } |
|
| |
| /* Список категорій */
| |
| .categorytree { | | .categorytree { |
| text-align: left; | | text-align: left; |