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

Basic QR Code component

@semnim

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@LeonardoGagliardo

Posted

Hey Semjon, you did a nice job in this challange! But here's some advices that might help you improve this project or other's in the future.

In the css global configuration you used:

  • { padding: 0; margin: 0; } Try adding:" box-sizing: border-box; " next time, it get's easier to control elements like border's, padding width and height. Look up to this configuration on ChatGPT for a full explanation.

Also, you could have used h1 {margin-bottom: 15px } or p {margin-top:15px} to space the text from the title.

Hope you find some of my advices useful :). And i'm sorry if there is some misspelling. I'm from Brazil and english is not my mother language.

Marked as helpful

1

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