diff --git a/src/css/about.css b/src/css/about.css index 1b28caf..845662a 100644 --- a/src/css/about.css +++ b/src/css/about.css @@ -11,6 +11,7 @@ padding-bottom: 62px; + @media screen and (min-width: 768px) { .section-about-us{ background-image: url(/img/about/ornamet-about-tablet.png); @@ -56,10 +57,12 @@ padding-bottom: 62px; .about-us-text{ font-size: 14px; - letter-spacing: -0.04em; + letter-spacing: 0.02em; max-width: 335px; - } + + + .img-about-us{ width: 335px; height: 499px; @@ -79,6 +82,7 @@ padding-bottom: 62px; .about-us-text{ font-size: 16px; max-width: 704px; + letter-spacing: 0.05em; } } @media screen and (min-width: 1280px){ diff --git a/src/css/header.css b/src/css/header.css index 748517c..11b8b87 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -2,6 +2,7 @@ .page-header { margin: 0 auto; padding-top: 20px; + padding-bottom: 2px; position: sticky; top: 0; z-index: 99999; @@ -92,6 +93,13 @@ margin-right: auto; padding: 20px; } + +@media screen and (max-width: 374px) { +.header-content-container { + width: 100%; + } +} + .header-mobile-list { display: flex; gap: 32px; diff --git a/src/partials/about.html b/src/partials/about.html index 7526c17..7109ed7 100644 --- a/src/partials/about.html +++ b/src/partials/about.html @@ -5,23 +5,22 @@

About Us