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

Fully responsive profile card using flexbox and custom CSS variables.

Kaz Blacktoppβ€’ 20

@savageskynet

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


Profile card component coded using flexbox and custom CSS variables. I chose to define width, height and font-size variables that change depending on viewport size. Is there a way to achieve the same level of responsiveness without defining custom variables for global width, height and font-size?

Community feedback

Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

Better use of CSS variable and calc function

0

Kaz Blacktoppβ€’ 20

@savageskynet

Posted

Hi RocTanweer,

Thanks for your comment. I do have a question though. Are you meaning I need to make "Better use of CSS variable and calc function"? If so, could you give an example of how?

If you mean that my code shows better use of variable and calc, then thanks for the compliment.

Kaz.

0
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

@savageskynet The latter one... he he he he

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