Submitted 3 months ago

Social Links Profile

Ravikant Munda•80

@raven784

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 have integrated CSS variables and started using better alternatives to px.

What specific areas of your project would you like help with?

When I use Tab to navigate, the glow effect is different from what I had thought. When I loaded the file for the first time, it showed me a different font, and then I switched to my font. Can the website load the font first before showing up?

Community feedback

Michael Wilson•160
@mikewil245Posted 3 months ago
You should follow semantic HTML, for example you have <div class = "links"><a href = "#" class = "links-text">Github</a></div> <div class = "links"><a href = "#" class = "links-text">Frontend Mentor</a></div> <div class = "links"><a href = "#" class = "links-text">Linkedin</a></div> <div class = "links"><a href = "#" class = "links-text">Twitter</a></div> <div class = "links"><a href = "#" class = "links-text">Instagram</a></div>

you could've did <ul><li><a></a></li></ul> since you have a list of items

Another thing to note is to look into rems and ems instead of using px when using them for setting font-size , widths etc..

but besides good job !
Marked as helpful
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