Skip to content
Submitted 4 months ago

Responsive landing page created using flexbox,

Peter Godspower•640
@TheBeyonder616
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?

using semantic html5

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

I was unable to use the figma file

What specific areas of your project would you like help with?

help using the figma file

Community feedback

  • MarqCodesFromZero•60
    @MarqCodesFromZeroPosted 4 months ago

    Pretty accurate...only thing to improve would probably removing the footer from inside the article to make it stay below the qr code. Then in the css, in the attribution class, add margin-top :12px for example to create some space between the footer and the qr code

    Marked as helpful
    1
    Peter Godspower•640
    @TheBeyonder616Posted 4 months ago

    @MarqCodesFromZero Thank, please how do you view the design in the figma file

    0
  • André Diogo•100
    @KingAndre13Posted 4 months ago

    Hello, your project is very well positioned, but the borders were too short and you don't used the project's font (Outfit). To solve the short borders you could use a padding. I hope i helpded you and never give up.

    Marked as helpful
    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