Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile card with HTML/CSS/FLEXBOX

P

@tarasis

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@molszewski34

Posted

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

P

@tarasis

Posted

@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
Discord logo

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