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 QR code component

@sivaprasadev

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 am proud of myself for just completing a responsive component using HTML and CSS. I will build few more projects to get a proper grip on responsive web development.

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

I was struggling to get mobile responsiveness. With the help of Google, I understood some points and applied them.

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

I still need help with making the site responsive. I need help with media queries and other layout implementations using Flex and Grid. Moreover, I would like to know what are the units we should use to get a proper responsive pages.

Community feedback

Ibrahim Oyeniyiβ€’ 430

@Mtrxxo

Posted

Hello πŸ‘‹

Speaking of your page's responsiveness... When you're making a media query for a mobile device... The width of the card should be a bit smaller than 360px as most mobile phones have a width of 360px.

Also, try using Mobile Simulator (Chrome Extension) it simulates Mobile phones, Tablets, laptops, and Desktops... It gives you the accurate size for what it'll look like on those devices.

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