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 Component with bootstrap

@preloboy

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@gabriel-iturra

Posted

Hello, Prelo. Nice effort!

Here is my feedback regarding your website:

  1. A background color is missing. Keep an eye on the style-guide.md document, as it shows the colors the website needs to have.

  2. You are missing to edit your README.md with the guidelines found on the README-template.md file.

  3. You may round the corner borders more, just like the image borders. Since you are using Bootstrap, you may try using the "rounded" classes on the respective div's.

  4. Focus on the text and the fonts, especially the colors. Make sure they match the challenge style as much as possible.

  5. Lastly, I've tried using the Chrome developer tool to see the website in different screens, and it's not properly responsive, as the card shows tilted to the right. You may try using flex and viewport units in order to make it centered at all times.

Hope this helps, and keep going! Have a great day.

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