Skip to content
Submitted about 3 years ago

Profile card with HTML/CSS/FLEXBOX

Robert McGovern•1,075
@tarasis
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

Two questions:

  1. What is the more ideal way to handle the top and bottom circles? On 1440px they look to match close enough, but on the mobile size, they don't go under the component in the same way.

  2. Any suggestions for improving my HTML tags, and the CSS?

Community feedback

  • Mariusz Olszewski•360
    @molszewski34Posted about 3 years ago

    In the matter of naming tags i suggest to use "-" instead of putting words together. This way they are easier to read for person checking a code. If you want to know more about naming conventions read this https://en.bem.info/methodology/naming-convention/

    1
    Robert McGovern•1,075
    @tarasisPosted about 3 years ago

    @molszewski34 cheers. Too many years of camelCase it’s been tricky unlearning 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