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

CSS Grid

@Felixmutuma

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


What are you most proud of, and what would you do differently next time?

Am glad to have applied some css and I need to get better in styling elements.

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

Styling the elements and color.

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

Css styling.

Community feedback

mbalali63 150

@mbalali63

Posted

Hi Great job, but there are a few considerations, I suggest to check for:

  1. There is an issue related to the image, that is it not shown. your addresses are correct. So there may be something else.
  2. the image size is too large. I suggest you to create an image container for the image, and size it according to your design. then set the image size to 100% of its container.
  3. the texts are not properly aligned. So you can size them according to the design. h1 also needs to be center aligned.
  4. the fonts are not set as the design. Your font is Verdana, but the design used Outfit.
  5. the page is not responsive, so if you change the size of page, you will see the elements are not changing accordingly. So, it will not look nice in different devices, especially in mobiles.
0
Ali Ajmal 90

@AA1057

Posted

Good Job!

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