Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Links Profile using HTML, SCSS

totorocod 70

@totorocod

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

In this project, I created a social media links card using flex and list items (ul li a). It was a great exercise in using flexbox to create a responsive layout for the card. One of the key learnings was how to incorporate custom fonts into my project. I used a .ttf font file and imported it as a font face using the @font-face rule in CSS

What challenges did you encounter, and how did you overcome them?

One challenge I encountered was the default behavior of visited links turning violet, which was confusing. I solved this by using the a:visited selector in CSS and setting the color to white, ensuring a consistent color scheme for all links.

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

I would like help in achieving smooth hover effects for my links. Currently, I'm using a basic hover effect, but I'm looking to enhance it for a more polished and professional look. Any suggestions or tips on how to achieve this would be greatly appreciated.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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