Skip to content
Submitted about 3 years ago

Responsive design with html and scss

Ryan Calacsan•200
@ryancalacsan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Main design went pretty smoothly but I sometimes have trouble with background svg placement. When tying to match the design and keep them scaling nicely between screen sizes they always seem to scale in awkward ways. Any tips or feedback on that would be appreciated! Thanks!

Community feedback

  • dewslyse•3,025
    @dewslysePosted about 3 years ago

    Hello Ryan👋! Awesome job on this challenge 🔥. Nearly pixel perfect.

    In my case, I just applied background-position: left top, right bottom to the svgs and that seemed to work. Also, I think you need to use the mobile svgs for @media (min-width: 40em). Happy coding!

    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