Skip to content
Submitted over 2 years ago

Responsive web page using Grid/Flexbox and Sass

Luiza Moshkin•70
@la-viza
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Surprisingly, it took me longer than I expected to make the page fully responsive. Please let me know if you see any issues that need to be fixed. Thanks! :)

Community feedback

  • Denis•1,060
    @Mod8124Posted over 2 years ago

    Hello, nice job! the image could look better if you use

    .right-side {
    background-image: url(/images/hero-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    and delete

    .right-side {
      background-size: 100vh;
    object-fit: cover;
}

    also in mobile you can use on .left-side__text margin : 0 auto; for center the div

    Marked as helpful
    1
    Luiza Moshkin•70
    @la-vizaPosted over 2 years ago

    Hi @Mod8124! Thank you very much for the suggestions -- it helped!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord