Skip to content
Submitted about 1 year ago

Profile card component - Solution

Omar Zaghlouleh•140
@OmarZaghlouleh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello again! Here is my solution to challenge the profile card component, please take a look and any feedback is welcome! Thanks!

Community feedback

  • gfunk77•1,200
    @gfunk77Posted about 1 year ago

    Nice job on your solution. It looks great.

    • remember that block level elements like divs have a default width of 100% so .top doesn’t need a width of 100%.

    • underneath .stats you have followers, likes, and photos. These all have the same exact styles so perhaps you can try using the same class for each of those and then style it once in the css. That will streamline your code.

    I hope this is helpful. Great job once again.

    Marked as helpful
    2
    Omar Zaghlouleh•140
    @OmarZaghloulehPosted about 1 year ago

    Thanks for the advice, I will work on it. 😊

    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