| Рядок 3: | Рядок 3: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 40px; | ||
justify-content: center; | justify-content: center; | ||
max-width: | max-width: 1800px; | ||
margin: | margin: 48px auto; | ||
padding: 0 24px; | padding: 0 24px; | ||
} | } | ||
.flex-columns > div { | .flex-columns > div { | ||
flex: 1 1 | flex: 1 1 480px; | ||
max-width: | max-width: 600px; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 12px; | border-radius: 12px; | ||
padding: 32px | padding: 40px 32px; | ||
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: center; | ||
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: center; | ||
} | } | ||
| Рядок 32: | Рядок 32: | ||
.flex-columns img { | .flex-columns img { | ||
max-width: 100%; | max-width: 100%; | ||
max-height: | max-height: 120px; | ||
object-fit: contain; | object-fit: contain; | ||
margin-bottom: | margin-bottom: 24px; | ||
} | } | ||
| Рядок 41: | Рядок 40: | ||
text-align: left; | text-align: left; | ||
width: 100%; | width: 100%; | ||
font-size: | font-size: 20px; | ||
line-height: 1. | line-height: 1.75; | ||
} | } | ||
.flex-columns h2 { | .flex-columns h2 { | ||
font-size: | font-size: 28px; | ||
color: #002855; | color: #002855; | ||
margin-bottom: | margin-bottom: 24px; | ||
border-bottom: 2px solid #0057b7; | border-bottom: 2px solid #0057b7; | ||
padding-bottom: 6px; | padding-bottom: 6px; | ||
width: 100%; | width: 100%; | ||
text-align: center; | |||
} | } | ||
}} | }} | ||
<div class="flex-columns"> | <div class="flex-columns"> | ||