Woldu Tsegazgi• 910
@weldu0
Posted
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 add margin to the top so it matches the final design.
I hope this helped you. 😊 Happy coding! 💻
0
