Skip to content
Submitted 6 months ago

Responsive QR code component

Think Like a Techy•10
@sivaprasadev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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•450
    @MtrxxoPosted 6 months ago

    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

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