@Alex-Archer-I
Posted
Hi! Good work, congrats with new challenge =)
Don't abandon lists though =) They are important semantic elements, and the next challenge (the recipe page one) contains plenty of them, so here a few tips about them.
The list tag should contain li
tags. The content of the list placed inside them. With your classes it could looked like this.
<ul class="social-links">
<li><a href="#" class="social-link">Link here.</a></li>
<li><a href="#" class="social-link">Link here.</a></li>
<li><a href="#" class="social-link">Link here.</a></li>
<li><a href="#" class="social-link">Link here.</a></li>
<li><a href="#" class="social-link">Link here.</a></li>
</ul>
That looks complicated, but your css rules would be quite similar. The main thing you should do is to remove list markers by adding list-style: none
.
.social-links {
list-style: none;
}
It's a basics. If you don't need to remove markers, but change them you can use marker
selector.
.social-links li::marker {
color: green;
}
Hope you find something useful here =)
Marked as helpful
@Arnotts33
Posted
Hi @Alex-Archer-I !
Thanks for another useful feedback :)
I will definitely work on it on the next challenge!
@Alex-Archer-I
Posted
@Arnotts33
You're welcome =)
Maybe, if this go on like that, I could receive some cooking tips in return =)
@Arnotts33
Posted
@Alex-Archer-I
Deal! ;)