Skip to content
Submitted almost 2 years ago

Responsive QR code box using Flexbox and relative units

Sam•970
@JustANipple
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 did you find difficult while building the project? I couldn't manage to align the starting of the paragraph to the starting of the H2 Even if they were in the same div, aligning them to the center makes the paragraph to shift a little bit to the right. I tried to use a word spacing to make the words spread a little bit, but i couldn't get the same result as the QR example

Community feedback

  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 2 years ago

    Hey, looks nice! If you want to get rid of report issues just replace div with the class container with the main tag and use h1 tag for the text "Improve your front-end skills by building projects" :))

    Marked as helpful
    0
    Sam•970
    @JustANipplePosted almost 2 years ago

    @catherineisonline I updated it, now it doesn't have any warnings! :)

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted almost 2 years ago

    @JustANipple nice 🎉

    1
  • Karol•1,990
    @VillageR88Posted 3 months ago

    I recommend setting a minimal height to ensure that content remains visible. Good work

    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