Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR code component using html and css

@Hana-Workneh

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


How could this be better? How can I make this responsive with pure html and css?

Community feedback

Daniel 🛸 44,190

@danielmrz-dev

Posted

Hello Hana!

Your project looks great!

I noticed that you used position with top and left properties to center your card. But in mobile version, this is kinda squeezing your card a little bit.

I have a suggestion for you to center your card, so you can try and tell me if it works well for you:

body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

I hope it helps!

Marked as helpful

1

@Hana-Workneh

Posted

@danielmrz-dev This was helpful! Thanks

1
Daniel 🛸 44,190

@danielmrz-dev

Posted

I'm glad I could help! 😊 Please consider marking my comment as helpful 🙋🏽‍♂️ @Hana-Workneh

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