Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code Component using HTML & CSS

@nadrsturk

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm so excited to be taking on my first challenge in this amazing community! It was the perfect opportunity for me to put my HTML and CSS skills to the test, and I've already learned so much from trying to center the elements using flexbox. I love how everyone here is so supportive and always willing to lend a hand, so I'd really appreciate any feedback or tips you can share with me 😀 By the way, I've actually started two other challenges, so I'll be posting those in the next few days too.

Community feedback

Mahmoud 150

@Mamouty

Posted

Well done for your first project. I've noticed that your page still has the default margin even though you used:

*{    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }

you probably didn't notice it, but you should actually target the body to get rid of its margin:

body {
  margin: 0;
}

And good luck for your next projects.

Marked as helpful

1

@nadrsturk

Posted

@Mamouty Thank you for noticing that. Gonna fix it right now !

0

Please log in to post a comment

Log in with GitHub
Discord logo

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