| Рядок 2: | Рядок 2: | ||
.mainpage-grid { | .mainpage-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fit, minmax( | grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); /* ↑ было 420px */ | ||
gap: 42px; | gap: 42px; | ||
max-width: 1440px; | max-width: 1440px; | ||
margin: 40px auto; | margin: 40px auto; | ||
padding: 0 20px; | padding: 0 20px; | ||
| Рядок 13: | Рядок 13: | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 12px; | border-radius: 12px; | ||
padding: 28px 24px; | padding: 28px 24px; | ||
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04); | box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04); | ||
display: flex; | display: flex; | ||
| Рядок 50: | Рядок 50: | ||
.mainpage-card .image img { | .mainpage-card .image img { | ||
max-height: 100%; | max-height: 100%; | ||
max-width: 80%; | max-width: 80%; | ||
object-fit: contain; | object-fit: contain; | ||
display: block; | display: block; | ||
| Рядок 64: | Рядок 64: | ||
} | } | ||
}} | }} | ||