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 Flexbox

@nguyenbinh2003

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 specific areas of your project would you like help with?

fond-end and back-end

Community feedback

George 150

@gcmoony

Posted

Nice work on your solution. I noticed that you used Tailwind via CDN in your project. To follow up, I recommend adding some more of the styles in the style-guide.md. Looks like you already used some arbitrary values to style some elements like your h3 tag, line 33:

<h3 class="text-[1.17em] font-bold pb-[5px]">

You can do the same with the HSL values provided in the style-guide.md file:

<h3 class="text-[1.17em] text-[hsl(218,44%,22%)] font-bold pb-[5px]"> or <h3 class="text-[1.17em] text-[hsl(218,_44%,_22%)] font-bold pb-[5px]">

I referenced this section from the Tailwind CSS documentation regarding arbitrary values.

Keep up the great work!

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