Submitted 3 months ago

Blog Preview Card

samritbasnet•200

@samritbasnet

Preview site View code

This is a solution for...Social links profile

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

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

alexrtm•50
@alexrtmPosted 3 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 a tabindex="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 helpful
1
samritbasnet•200
@samritbasnetPosted 3 months ago
Thank you @alexrtm.I will look forward to add the content as you said i missed those.
0
samritbasnet•200
@samritbasnetPosted 3 months ago
Can you check if i succedded in the things you said earlier or should i add something more.@alexrtm
0
alexrtm•50
@alexrtmPosted 3 months ago
looks great!
0
samritbasnet•200
@samritbasnetPosted 3 months ago
thank you and good luck for your learning journey happy coding@alexrtm
0

Please log in to post a comment

Join 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