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

Denveur 150

@denveur

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?

my determination

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

the color to use on the projrct

Community feedback

H.N.S 310

@hns-dev

Posted

Hi, Denveur! Good job on this challenge!

As this challenge is Free+, all users have access to the design file. You can open the figma file and check which color is used for any part of the design. Personally, when I don't have access to figma files, I use a browser extension called "ColorPick Eyedropper".

I took a look at your code, here are some improvements you can make:

  • use heading elements for headings instead of <b> element

Replace this

<div class="h3"><b>improve your front-end skills by building projects</b></div>

with this

<h3>Improve your front-end skills by building projects</h3>

  • Take the attribution block out of the "content" div

You can put it right before the closing tag of the "container" div. It'll appear next to the card. You can fix that by adding this CSS property in the container class

flex-direction: column;

Hope you find this useful :)

Marked as helpful

0

Denveur 150

@denveur

Posted

@hns-dev Thanks very much for your solution and help. it will be very benefit for me.😁

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