Стили для функций, адаптивность для устройств

Не большой фикс шрифтов
This commit is contained in:
Данил 2024-09-22 15:32:17 +03:00
parent 8affbaa035
commit 58ad4b3724

View file

@ -1,8 +1,7 @@
body {
background: #4F5574;
color: white;
font-family: "Gotham Pro", sans-serif;
font-weight: bold;
font: medium "Gotham Pro", sans-serif;
margin: 0;
padding: 0;
}
@ -44,14 +43,69 @@ body {
font-size: 16px;
}
.desc-xl {
text-align: center;
display: flex;
margin: 1% auto;
word-wrap: break-word;
width: 100%;
max-width: 500px;
font-weight: bold;
padding: 10px 2%;
box-sizing: border-box;
}
.features-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
padding: 80px 20px;
max-width: 1200px;
margin: auto;
}
.features {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
max-width: 300px;
}
.features svg {
margin-bottom: 15px;
}
.text {
font-size: 22px;
font-weight: bold;
}
footer {display: none}
footer a:visited {
color: white
}
@media (min-width: 768px) {
.desc {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.desc {
font-size: 24px;
}
.features-container {
flex-direction: row;
align-items: center;
gap: 200px;
}
}