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

I used @media query in CSS to make the screen responsive or adjustable

@elijah-tembo

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?

What I have learned in this project is consistence, even if things turn out not to be as expected, always be consistent, relax take some break and come back again. Am most proud with tags and @media query, they made my project a success.

Next time, I shall start first by understanding how many sections I am going to be working with. This is going to help write in advance some tags like , even form fields if necessary.

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

I had trouble with centering the , until I made a class "container" for the main div and set the margin to "auto".

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

I think i mighty just need help with responsiveness to different screen sizes, 'cause my project I don't think it's well responsive to landscaping angles, like for tablets.

Community feedback

@SvitlanaSuslenkova

Posted

That QR code is a bit scary :)) Please, add max-width in px or rem to your project (it doesn't replace width)

Marked as helpful

1

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