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

Mobile First

@djamkenny

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


I am not new to HTML CSS JS so there is not anything new to me for this project

Community feedback

raya 2,850

@rayaatta

Posted

Hello Enoch👋, congratulations on completing your first FED challenge 🎉

I have some suggestions you might find useful.

1 Every html document must have a main tag that encloses the main page content. Change <div class="hero"> to <main class="hero"> using semantic markup improves SEO* and user experience for people using assistive technology like screen readers. You can learn more about the main tag in this article📰.

2 Change height: 100%; on the body and html to min-height:100%; This makes sure that content does not overflow on short devices or mobile devices in landscape mode. I hope this helps 🙃 Happy coding ✌️

Marked as helpful

1

@djamkenny

Posted

@rayaatta Thanks so much for taking the time to comment on my solution. I have will do that since it is the best practice...thanks so much

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