Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR-Code HTML-CSS without Bootstrap

@iluminatiomea

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


Hello everyone, I wanted to take this step without Bootstrap, using only HTML and CSS. You are free to give me suggestions and advice, I welcome them. Thank you.

Community feedback

Eni 180

@EnidaShehu

Posted

Congratulation on completing your first challenge Kristi!

A few helpful tips would be:

1.Instead of using a fixed padding value, consider using a responsive approach with relative units like percentages or viewport units (e.g., padding: 10%) to adapt the section's size based on the screen dimensions.

2.Improve class names: Instead of using generic class names like "card6" and "cashflow," consider using more descriptive and meaningful class names that reflect the purpose of the elements. For example, you could use classes like "qr-card" and "qr-code-img" to make the code more understandable.

Keep up the good work :)

Marked as helpful

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