Design comparison
Solution retrospective
Hi there π, Iβm Danil and this is my solution for this challenge. π
β‘ Performance:
90%-100% on lighthouse report and PageSpeed Insights. π
π οΈ Built With:
- Semantic HTML5 markup βοΈ
- Flexbox βοΈ
- Media queries βοΈ
- Mobile-first workflow βοΈ
π¨βπ» Languages Used:
- HTML βοΈ
- CSS (Vanilla) π¨
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. π₯
Community feedback
- @RatifiedPosted over 1 year ago
Hello Danil.
Trailing slash on void elements has no effect and interacts badly with unquoted attribute values
For example in your meta tags <meta charset="UTF-8" /> replace with <meta charset="UTF-8">
There's a resourceful tool called W3C Markup Validation Service, you can copy your HTML and validate by input to the site. It checks out your HTML for any issues like accessibility and like the one I've listed above. W3C Markup Validation Service.
Good job on completing the challenge.
0
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