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

QR Code

@trottiemcqueen

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


Great starter project

Community feedback

@77iu

Posted

Hello!

I see many differences between your solution and the original project, I suggest you open the example jpg with paint and check when it measures the letter, also check the font and color specifications that appear in the help.

Another good practice is to place on the body:

max-width:1440px;

height:100vh;

display:flex;

align-items:center;

justify-content:center;

when you do it remove margin from the container and This way your work will always be focused 👍

I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.

And if you would like to learn new hover effects visit: (https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)

If you like it please subscribe and share 🙏

Greetings from Argentina!

Marked as helpful

0

@trottiemcqueen

Posted

@77iu Thank you for the feedback and will check out your YT

0

@trottiemcqueen

Posted

Had trouble with the padding on the sides and the top of container. This is NOT the right screenshot, container was at least all the way around.

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