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

A QR code page

@io-oseinana

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?

Nothing.

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

Nothing

What specific areas of your project would you like help with?

Nothing

Community feedback

Houssame 20

@houssamedev

Posted

Hello there 👋. Good job on completing the challenge ! I have some suggestions about your code that might interest you.

.Use min-height instead of height for flexibility across devices and screen orientations. Fixed heights may cause issues, especially on mobile devices in landscape mode, try checking your solution on a mobile device in landscape mode, and you'll notice how the component height is constrained, and the background might not apply correctly.

.Consider using max-width instead of width for your component's width. This way, it will resize when the screen is smaller.

.In larger projects, adopting a mobile-first approach when working with media queries can be beneficial.

I hope you find it useful! 😄

Happy coding!

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