Skip to content
Submitted over 3 years ago

profile-card with FLEXBOX and CSS

mohammad•305
@Mohammd1321
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

a small challenge before going to real-life websites practice best website for noobs and pros ever!! plz send any feedback if you want

Community feedback

  • tediko•6,680
    @tedikoPosted over 3 years ago

    Hello, mohammad! 👋 Well done on this challenge! Here's a few things I'd suggest you to take a look at:

    • The HTML <hr> element represents a thematic break between paragraph-level elements i think there is better approach to this line effect. Maybe add border on .status element?
    • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility. 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