Skip to content
Submitted over 2 years ago

My first challenge, newbie to sass

R1loth•40
@R1loth
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

I tried to do this with grid, but I couldn't get the right width because of it, is it even worth to use flex or grid for such a small project? I would welcome any comments about how wrong and awful my sass or structure is, and what would you change :-D

Community feedback

  • Bernardus•1,095
    @BernardusPHPosted over 2 years ago

    -Hey R1LOTH, I know the feeling of using grid or flex on something small when you can just use margins but I like to use flex for small things like the card. I rather do a quick flex rather than using margin auto for the sides and then I have to play with the top which is a drag.

    -A quick flex, align-items:center; and justify-contents:center; is my go to to put anything in the middle of the container. It also works well with @media ,other than margin, I just have to mess with the width.

    • But as they all say if it works, leave it alone
    Marked as helpful
    1
    R1loth•40
    @R1lothPosted over 2 years ago

    @Artosh-afr Thank you, your feedback was very helpful, I appreciate it

    1

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