Skip to content
Submitted about 2 years ago

QR code component using Grid and SASS

Hussain Hussain•410
@LysitheaDarkKnight
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

The gap property wouldn't work on the grid container, like if I put it on the code, it wouldn't leave any gaps no what what px I put. Can anyone elaborate on why is that?

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted about 2 years ago

    👾Hello Hussain, congratulations for your new solution!

    The only reason the gap is not working because you've only one div to apply this gap, it the grid was applied here <div class="container"> and you use gap the spacing between the img h1 and p will work normally.

    ✌️ I hope this helps you and happy coding!

    Marked as helpful
    1
    Hussain Hussain•410
    @LysitheaDarkKnightPosted about 2 years ago

    @correlucas Just tried it and it worked! But I'd have to change the code a bit to replicate the page if I want to put display grid on container so I'll leave it as it is.

    Still a good point and I'll keep an eye on that! Thanks!

    1
    Lucas 👾•104,340
    @correlucasPosted about 2 years ago

    @LysitheaDarkKnight This is fine, keep it up and post more challenges! =)

    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