Submitted 3 months ago

Social Links profile card

Teezee86• 100

@Teezee86

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?

Proud of the fact that i moved this one with decent time.. Understanding more and more everyday how each css property works.

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

At first i I had used the wrong measurements causing it to not load road in my broswers.

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

An understand of BEM please. Or if my mark up is clear.

Community feedback

Stephanie Dennehy• 220

@Stephanie-Dennehy

Posted 3 months ago

Hi Teezee,

I think it is clear to see what you were doing with the markup. I know you were asking about BEM and I still struggle with some of those conventions myself, but I did find this cheat sheet that I thought showed BEM in a useful way. https://bem-cheat-sheet.9elements.com/

My only recommendation would be to not include colors in your elements in case you ever needed to go back and change color styles. If you feel the need to include a modifier, "primary" or "secondary" are more reusable in those instances.

Marked as helpful

Teezee86• 100

@Teezee86

Posted 3 months ago

Hey Stephanie-Dennehy,

Thanks for your feedback. This has been very helpful. The modifier is the portion that I have been having trouble naming.

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