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

First Frontend Mentor Project using Basic CSS

@ruthermadz

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


Updated solutions. Changes made:

  • use merge query
  • adjust margins and padding
  • Add responsiveness to font-size

Community feedback

@nafri97

Posted

I'm still beginer too, but I have some suggestion:

  1. try to use responsive page, add @media screen and(max-width: 375px){.card{width: 80%;padding:5%}} , it means this code is executed when shown iresolution =<375.
  2. add margin-top instead of just using margin: auto (you could combine them both) to add more space above card.
  3. in mobile responsive try to avoid using font with vh, because smaller the screen, it will less visible to read. sorry I still don't know much, but let's learn together and happy coding :)

Marked as helpful

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