| Рядок 3: | Рядок 3: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 36px; | ||
justify-content: center; | justify-content: center; | ||
max-width: 1600px; | max-width: 1600px; | ||
| Рядок 11: | Рядок 11: | ||
.flex-columns > div { | .flex-columns > div { | ||
flex: 1 1 | flex: 1 1 420px; | ||
max-width: | max-width: 520px; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 12px; | border-radius: 12px; | ||
padding: 28px | padding: 32px 28px; | ||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); | box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); | ||
text-align: | text-align: left; | ||
transition: transform 0.2s ease, box-shadow 0.2s ease; | transition: transform 0.2s ease, box-shadow 0.2s ease; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: | align-items: flex-start; | ||
} | } | ||
| Рядок 35: | Рядок 35: | ||
object-fit: contain; | object-fit: contain; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
display: block; | |||
} | } | ||
| Рядок 40: | Рядок 41: | ||
text-align: left; | text-align: left; | ||
width: 100%; | width: 100%; | ||
font-size: | font-size: 18px; /* ↑ більше */ | ||
line-height: 1. | line-height: 1.7; | ||
} | |||
.flex-columns h2 { | |||
font-size: 26px; /* ↑ більше */ | |||
color: #002855; | |||
margin-bottom: 20px; | |||
border-bottom: 2px solid #0057b7; | |||
padding-bottom: 6px; | |||
width: 100%; | |||
} | } | ||
}} | }} | ||
<div class="flex-columns"> | <div class="flex-columns"> | ||