Skip to content
Submitted 6 months ago

Social links profile

Erik Norder•40
@R3lss
Preview site (opens in new tab)View code (opens in new tab)
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 tried to use some "em" values as someone commented in my last solution, I'm still improving so is not all values that are in "em"

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

It was hard to see if it has some shadow, so I didn't put any, but the main problem was with the links, didn't know how to put them together so I tried many ways and end up get it right

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

Anything you see strange in my code you can tell me and I'll try to improve more:)

Community feedback

  • Alex•3,130
    @Alex-Archer-IPosted 6 months ago

    Oh, hi again!

    It was me who suggest you to use rem or em! And I have to apologize cos I should explain that the rem values are more convenient that em. You see, they are both a relative values, but em depends of the font-size property of the parent element while rem depends of that value of the root element.

    For example if you have element with font-size: 0.5em and this element has a child with font-size: 0.5em actual font size of a child will be half less. And rem always will depends of font size of root element which can change only by user settings.

    Default value of rem (and em too if the element hasn't parents with different values) is 16px.

    Well, that doesn't really matter on the small project like this but still sorry again cos I should clarify it earlier =)

    That's great that you are improving, keep going =)

    Marked as helpful
    0
    Erik Norder•40
    @R3lssPosted 6 months ago

    @Alex-Archer-I Hey Alex!! thank you so much for the explanation:)

    1
    Alex•3,130
    @Alex-Archer-IPosted 6 months ago

    @R3lss

    You're welcome! Glad that I could help a little =)

    0
  • Mohammad Waris Fayiz•470
    @fayiz770Posted 6 months ago

    Your project is well-executed with a clean design and responsive layout. By incorporating semantic HTML, enhancing accessibility, utilizing CSS variables, and refining interactive elements, you can further improve the user experience and maintainability of your code. Keep up the good work!

    0

Please log in to post a comment

Log in with GitHub

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