diff --git a/projects/FrontendMentor/newbie/equalizer-landing-page/css/style.css b/projects/FrontendMentor/newbie/equalizer-landing-page/css/style.css index b15ae29..a667924 100644 --- a/projects/FrontendMentor/newbie/equalizer-landing-page/css/style.css +++ b/projects/FrontendMentor/newbie/equalizer-landing-page/css/style.css @@ -342,6 +342,96 @@ footer { --fs-body: 1.25rem; --lh-body: 2.125rem; + --fs-body-card: 1.25rem; + --lh-body-card: 2.125rem; + --image-background: url(../assets/bg-main-desktop.png); } + + header::before { + top: -35px; + left: 0; + background-size: auto; + } + + header { + padding: 0 165.15px; + } + + .intro-section { + margin-top: 125.01px; + padding: 0 165.15px; + + width: 130ch; + } + + .main-body { + margin-top: 40px; + + font-size: var(--fs-body); + line-height: var(--lh-body); + + width: 70ch; + } + + .product-card::before { + background-size: 19.5rem; + background-position: 333px -40px; + width: 1110px; + top: -90px; + left: -570px; + } + + .product-card { + margin-top: 411px; + width: 446px; + margin-left: 46rem; + + padding: 58px 59px 48px 54px; + } + + .product-card__image { + width: 19.5rem; + margin: -362px -525px; + } + + .product-card__body { + margin-top: 22px; + width: ; + } + + .price-block { + padding: unset; + } + + .button-block { + margin-top: 46px; + padding: unset; + } + + footer { + display: flex; + justify-content: center; + align-items: center; + } + + .logo-footer { + /* margin-left: initial; */ + align-self: flex-start; + height: 100%; + margin-right: 137px; + margin-bottom: unset; + } + + .footer__body { + margin-bottom: 0; + margin-right: 340px; + } + + .social-image-block { + position: relative; + right: initial; + bottom: initial; + height: 100%; + } } diff --git a/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/desktop.png b/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/desktop.png new file mode 100644 index 0000000..73fcd60 Binary files /dev/null and b/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/desktop.png differ diff --git a/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/mobile.png b/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/mobile.png new file mode 100644 index 0000000..2a6b782 Binary files /dev/null and b/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/mobile.png differ diff --git a/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/tablet.png b/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/tablet.png new file mode 100644 index 0000000..97e3e24 Binary files /dev/null and b/projects/FrontendMentor/newbie/equalizer-landing-page/screenshots/tablet.png differ