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

My first challenge - QR code

jjlim27 10

@jjlim27

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


My first challenge in frontendmentor.io as a beginner in Frontend Development!

Managed to create something that looks similar to the actual design. Most importantly, I will like pieces of advice if there are any improvements that can be made, thanks!

Community feedback

Regina 90

@regina-cht

Posted

Hi!😀You did a great job. Your solution resembles the design!!🥳 But I noticed that your text is not aligned at the center. So if you'll like to fix that minor problem, you could change in your stylesheet this part:

.qr-text {
padding: 0 1.1rem 1.1rem 2rem;

And instead, change the padding to this, and you could even add some margin :

.qr-text {
padding: 0 22px;
margin: 10px 0px 15px 0px;
}

Hope this helps. For this being your first challenge, you are doing amazing!!!✨✨

Marked as helpful

0

jjlim27 10

@jjlim27

Posted

@regina-cht Thanks regina for your help, this motivates me further to continue learning more!

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