Skip to content
Submitted over 3 years ago

Responsive Card Component using FlexBox, BEM

bem
Ayaat•460
@Yazeed-git
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I'm trying to use different layout options, any ideas and feedback are welcome

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • PhoenixDev22•16,830
    @PhoenixDev22

    Hello Yazeed-git,

    I have some suggestions:

    • You should set the font-size on the element using rem unit. Using px won't allow the user to control the font size based on their needs.

    • No need for any heights on this at all. All you need is a min-height on the half of the card containing the image. It's rarely ever a good practice to set heights on elements . Let the content dictate how tall something needs to be.

    Hopefully this feedback helps.

    Marked as helpful

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