My first project at Frontendmentor.io Qr code

Please log in to post a comment
Log in with GitHubCommunity feedback
- Account deleted
Congratulation on completing the challenge.
I will go through some of the issues that I can see. It is essential that you use semantic HTML. Landmarks such as <header>, <main>, <nav> and <footer> aid navigation in assistive technologies such as screen readers. So instead of using <div> for your container use <main> and for your attribution change to <footer>.
Page headers always start at <h1> and subsequent headers cannot skip the header order meaning you cannot go from say a <h1> to a <h3>.
to check if your markup is correct before uploading use this html validator
Also start saving your css in a separate file and link it to your markup.
otherwise great job.
Marked as helpful - @jakubjirous
Hi, It's obvious that you have a good understanding of the problem and have worked hard to find a solution. I greatly appreciate the effort you have put into providing this solution; your code is clear and easy to understand, and your logic is sound.
To make your code even more readable and maintainable, I would recommend using a tool that facilitates code formatting. Despite the fact that your current formatting is adequate, using a code formatter will help others understand and read your code more easily, especially if you are part of a team.
Using tools such as
Prettier
, you can automatically format your code according to a set of rules, ensuring consistency and readability across your project.Overall, great job on the solution, and I encourage you to consider using a code formatter to make your code even better!
Cheers, Jakub
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