Submitted 12 days ago

social media card

SidwellCampbell• 40

@SidwellCampbell

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social links profile

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I am proud of how close I think my solution matches the design

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

I encountered challenges trying to use css variables in a project for the first time. A little googling and taking a look at the mdn docs went a long way.

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

I would like help with the responsive side of my project and the media queries

Community feedback

Adriano• 36,790

@AdrianoEscarabote

Posted 11 days ago

Hello SidwellCampbell, how are you? I was really pleased with your project, but I’d like to offer some advice that might help:

A tip to improve the semantics of the code would be to use ul, since that is a list of links:

<ul>
    <li><a href="#">GitHub</a></li>
    <li><a href="#">Frontend Mentor</a></li>
    <li><a href="#">LinkedIn</a></li>
    <li><a href="#">Twitter</a></li>
    <li><a href="#">Instagram</a></li>
</ul>

The rest is spot on.

Hope it’s helpful to you. 👍

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