Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Contact RWD and NEW menu

Browse Source
This commit is contained in:
Roman Pyrih
2025-03-11 12:47:47 +01:00
parent eeda3ccfef
commit 71a343cbf5
11 changed files with 409 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
layout/style-scss/kontakt-v3.scss
View File

@@ -546,10 +546,21 @@ strong {
max-width: 1100px;
margin: 0 auto;
@include respond-below(md) {
gap: 40px;
}
._person__wrapp {
flex-basis: 320px;
text-align: center;
@include respond-below(sm) {
flex-basis: calc(100% / 2 - (40px - 40px / 2));
}
@include respond-below(xs) {
flex-basis: 100%;
}
._person_title {
color: #1d1d1e;
font-size: 20px;
@@ -566,11 +577,11 @@ strong {
padding: 20px 26px;
border-radius: 10px;
box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);
flex-basis: calc(100% / 3 - (70px - 70px / 3));
@include respond-below(md) {
flex-basis: calc(100% / 2 - (70px - 70px / 2));
}
// width: calc(100% / 3 - (70px - 70px / 3));
width: 100%;
// @include respond-below(md) {
// width: calc(100% / 2 - (40px - 40px / 2));
// }
p {
color: #1d1d1e;
@@ -605,10 +616,13 @@ strong {
padding: 20px 26px;
border-radius: 10px;
box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);
flex-basis: calc(100% / 3 - (70px - 70px / 3));
width: calc(100% / 3 - (70px - 70px / 3));
@include respond-below(md) {
flex-basis: calc(100% / 2 - (70px - 70px / 2));
width: calc(100% / 2 - (40px - 40px / 2));
}
@include respond-below(xs) {
width: 100%;
}
p {
@@ -618,6 +632,10 @@ strong {
font-weight: 300;
text-align: center;
@include respond-below(xs) {
font-size: 14px;
}
&:last-child {
margin-bottom: 0;
}
@@ -631,6 +649,10 @@ strong {
&:hover {
color: #fff246;
}
@include respond-below(xs) {
font-size: 12px;
}
}
}
}
@@ -1042,6 +1064,13 @@ strong {
letter-spacing: 2px;
text-transform: uppercase;
}
@media (max-width: 768px) {
flex-direction: column;
}
}
@media (max-width: 576px) {
}
}