QR Code Component Challenge using HTML and CSS

Solution retrospective
This is my first challenge.
What do you think I can do better?
Feel free to give me your feedback!
Thanks in advance!
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@perezjprz19
I would just work on clearing your error report. You can make the bold text an h1 and wrap your container div in a <main> tag. That should resolve the issues.
Other than that, just keep practicing until you can move on to building responsive layouts :-).
FYI - The image is touching the sides of the container on my phone screen.
Still a good job though 😀 Keep coding.
Marked as helpful - @anoshaahmed
Hey good job on this challenge! Your report above shows a few issues though:
- wrap everything in your body in
<main>
... OR use semantic tags! .... you can also giverole=""
to the direct children of your<body>
but that's a little frowned upon... Read more here - have at least one
<h1>
in your code
Here's my repo for future reference.
Hope this helps :)
Marked as helpful - wrap everything in your body in
- P@JordanPhillips-hub
Try putting the blueish grey background colour on your body instead of the .container this should fill make the whole page that colour and get rid of the white patch at the bottom.. Looks good though.
Marked as helpful
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