Skip to content
Submitted about 1 year ago

Responsive Social links profile in HTML + CSS

Ralph•190
@RalphPastel972
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Just being consistent. My 3rd challenge in 4 days.

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

I still can't import fonts or use CSS variables without looking at my cheat sheets.

I am not sure the best way to name my CSS variables.

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

n/a

Code

Please log in to post a comment

Log in

Community feedback

  • Account deleted

    Great job! I recommend using the <article> and <nav> tags, along with <ul> and <a> tags. When a user clicks on one of the links, it will take them to the page or site specified in the href attribute of the <a> tag. Don't forget to use aria-label to improve accessibility, and avoid using <div> inside <h1> and the <img> tag. Instead of using <div> for location and bio, use the <q> and <h2> tags. For the CSS code, try to remove unnecessary and duplicate elements like font-weight. Good luck!

    Marked as helpful

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