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-main

Kal Wick 110

@kalWick01

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

ChristianM 110

@DevXtianM

Posted

Nice work!

Here are some tips that might help you 😊

  1. Avoid using 'px' on font-size, as it cause issues with accessibility, scalability and responsive layouts. Instead use relative units like rem and em. Check this video

  2. Since this challenge doesn't have complex layout. Try using HTML Semantics

Best Practices

  • Use Semantic HTML First: Prefer using semantic HTML elements (like <header>, <footer>, <section>, <article>, etc.) whenever possible for better accessibility and SEO. Use <div> only when no other semantic element is appropriate.
  • Class Names and IDs: Always use meaningful class names and IDs to help identify the purpose of the <div>.
  • Avoid Overuse: Overusing <div> can lead to unnecessarily complex HTML structures. Keep your markup clean and minimal.

Additional Resources Try this to improve on Flexbox usage: FlexboxFroggy

Marked as helpful

0

Kal Wick 110

@kalWick01

Posted

@DevXtianM Thanks for all suggestion it was what i need and i wanna know it's so help full i really wanna thanks you !

1

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