Submitted over 1 year ago
QR Code componente using display flex
@mtavidal
Design comparison
SolutionDesign
Community feedback
- @MelvinAguilarPosted over 1 year ago
Hello π. Congratulation on successfully completing your first challenge π ! !
I have some recommendations regarding your code that I believe will be of great interest to you.
Note: Sorry for not writing the comments in your native language :(
HTML π:
- Use semantic elements such as
<main>
and<footer>
to improve accessibility and organization of your page.
- The text
Scan the QR code to visit Frontend Mentor and take your coding skills to the next level
is considered a simple paragraph<p>
and not ah2
.
CSS π¨:
-
Use
min-height: 95vh
instead ofheight: 95vh
. Theheight
property can cause your component to be cut off on small screens, such as a mobile phone in landscape mode.
- The
width: 100vw
property in the.container
tag is not necessary. This will create a horizontal scrollbar on some devices.
I hope you find it useful! π Above all, the solution you submitted is great!
Happy coding!
0 - Use semantic elements such as
Please log in to post a comment
Log in with GitHubJoin 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