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

Responsive design with grid

P

@Matrix1984

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


In what way could my code be shorter and more reusable? Am I missing responsive design elements?

Community feedback

@priyankavasam7

Posted

Hello! Your design is very close to the original except the font-style. I could suggest you to browse the google fonts and select the given font-sizes.Then you can copy paste the generated link in html and the necessary code in css. The font-style will get applied now Also I noticed that you haven't mentioned alt text for images, it will be helpful when your image fails to load. The alt text will show the text you mentioned about the image.

2

P

@Matrix1984

Posted

@priyankavasam7 I did add the alt, this is how the element should look like: <img src="images/image-qr-code.png" width="288" height="288" alt="QR code" />

I think it takes some time for a new version to update. Thanks about the point of the fonts. I wondered why there was a discrepancy between the font sizes.

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