Design comparison
Solution retrospective
This challenge was more about speed than technical difficulty. I set a goal to complete it in 20 minutes, and I managed to finish it in around 15 minutes, so I’d say it was a successful challenge!
Community feedback
- @Alex-Archer-IPosted 3 months ago
Hi!
Very cool work, especially considering time you spend =)
One semantic suggestion - for the lists better use
ul
orol
tags. And I guess you accidently deleted openingmain
tag.And I like your animated hover! If I understand correctly, the pseudo element and
position: relative
for text are for this effect?Marked as helpful0@pichadePosted 3 months agoHi @Alex-Archer-I !
Thanks for the feedbacks, just fixed these small mistakes !
And yes de
position:relative
is needed as I'm using absolute on the pseudo element.1@Alex-Archer-IPosted 3 months ago@pichade
Oh, now I noticed that you are from motion design field. Yeah, the animations should be your element =)
And, sorry, but you get me slightly wrong =)
You shouldn't remove the
main
- it is important semantic tag. Andli
(it's a "list item") should be insideul
(it is a "unordered list").Something like this:
<ul> <li><a href="">I'm a link!</a></li> <li><a href="">I'm a link!</a></li> <li><a href="">I'm a link!</a></li> <li><a href="">I'm a link!</a></li> <li><a href="">I'm a link!</a></li> </ul>
0@pichadePosted 3 months ago@Alex-Archer-I oh man ! I feel stupid ahah, i wanted to do it fast and didn't even noticed that I've put li's as parents of a's 🤦♂️
1
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