Design comparison
SolutionDesign
Community feedback
- Account deleted
You did great completing this challenge! 🎉
Semantic HTML: Consider using more semantic HTML elements such as:
<section>
for different parts of your content.<main>
for the main parts of your content.
The property
position
is better suited for elements like header, chatbot icon, etc.A better way to customize the default bullets is by using the pseudo-class
::marker
. Try it like this:li::marker { font-size: 20px; }
You can learn more about the
::marker
pseudo-element on MDN.One last thing: don't limit yourself to
100vh
. That's why the<img>
is not showing. You can remove it and then addmargin
to the top so it matches the final design.I hope this helped you. 😊 Happy coding! 💻
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