Practiced flexbox

Grojd 40


Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
View Challenge

Design Comparison




Accessibility Issues


HTML Issues

View Report

Grojd’s questions for the community

I don't really understand where should I use what units (%, rem, em, px ...)

Community Feedback



Hi Grojd

I think you did quite a nice job there, some small tweaks on the inner space, but overall, I think you followed the original design. Keep it up...

Personally, I like to use % when working with responsive widths. It does some math relative to the parent. I normally use em when working with margins and paddings. I use rems mostly on font sizes, so that when the user changes font size on their browser, your website will adjust accordingly. I rarely use px, I usually converts them to ems. But that is my opinion, you can look more into them and find what woks best for you.


Give some feedback to @Grojd about their solution...

Slack logo

Join our Slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!