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 | Second submission

Liyyy9 80

@Liyyy9

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?

I’m most proud of successfully setting up the media queries to enhance the responsiveness of the webpage, especially since I didn’t incorporate them in my first attempt. It was a challenging task, but I’m happy with how it turned out. Although I’m satisfied with my work, I’m still unsure if I fully implemented the media queries correctly. This project is actually my second attempt; my initial submission had accessibility issues which I’ve since addressed. I also carefully considered and integrated the suggestions provided by @Islandstone89 into my new code. Moving forward, I aim to retain and apply these newly learned techniques and best practices in my future projects to continually improve my skills.

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

One of the main challenges I encountered was setting up the media queries. I was initially unsure about how to properly configure them and what specific values and settings to use. To overcome this, I sought inspiration from solutions posted by others in the community, which provided valuable insights. I also reviewed various documentation and resources to deepen my understanding of media queries and their implementation. By combining these resources, I was able to successfully apply media queries to improve the responsiveness of my project.

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

I would appreciate assistance with refining my use of media queries. Specifically, I’m looking for advice on how to improve and optimize them, as I was uncertain about the precise configurations needed and ended up only using max-width settings for both desktop and mobile views. I’m eager to learn about any additional techniques or best practices that could enhance my approach. Furthermore, any suggestions on how I can better handle similar challenges in future projects would be greatly appreciated. Thank you in advance for your guidance and support!

Community feedback

@Rahul65911

Posted

It look great. But I just want to ask that is there any need for media query because I do not see any difference between qr component with media query and without media query.

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