Design comparison
Solution retrospective
I am happy to finish the project although it took some time to understand about pseudo selector i had to do some research online about it. I am happy that its working now and the final design looks lot similar.
What challenges did you encounter, and how did you overcome them?I had challenges with pseudo selector selection and add hover effect for the child class.
Community feedback
- @alexrtmPosted 2 months ago
The solution matches the design pretty well and the hover effects are a nice touch, but you also need to allow keyboard users to navigate the links. You can do this by using the
:focus
pseudo-selector. However,<div>
elements are not focusable by default, so you either have to add atabindex="0"
property to the divs containing the links. Otherwise, you can change the divs inside your content div to be anchor elements, which are focusable by default.Marked as helpful1@samritbasnetPosted 2 months agoThank you @alexrtm.I will look forward to add the content as you said i missed those.
0@samritbasnetPosted 2 months agoCan you check if i succedded in the things you said earlier or should i add something more.@alexrtm
0@samritbasnetPosted 2 months agothank you and good luck for your learning journey happy coding@alexrtm
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