Skip to content
Submitted 3 days ago

Sass compiler and variables as well as flexbox

Enith Linares•10
@EnithLinares
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am very proud of how well the design turned out thanks to the Figma files provided, and in the future I want learn how to achieve this layout with grid instead of flexbox.

What challenges did you encounter, and how did you overcome them?

I struggle a little bit with remembering structure my HTML semantically, but I went over past projects and repeat it the pattern I used before for BEM.

Community feedback

  • Alexander Petricca•70
    @alexanderpetriccaPosted 3 days ago

    Really nice solution and looks really close to the design. Love the use of SASS to make the styling more organised.

    If I was to offer critical feedback, perhaps the cards layout could be simplified. As the design is laid out with its fundamental components on top of each other, perhaps just using block elements that naturally stack would simplify the structure.

    Marked as helpful
    0
    Enith Linares•10
    @EnithLinaresPosted 2 days ago

    @alexanderpetricca Thank you so much for the feedback! Sometimes I forget that I don't have to overcomplicate things when the components are so simple. Thank you :)

    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