Skip to content
OverviewSolutions
26
Comments
1
João Oliveira
@jvmdo

All comments

  • Loïc2A•50
    @Loic2ASubmitted about 2 years ago

    Hello ! Second challenge completed, I did this one faster than the first one (the product card), but I encountered more difficulties, especially on the responsive.

    Several questions come to mind:

    • I have centered my card, setting my #main to 100vh, display: flex, justify-content: center and align-items: center. Is this the right solution (line 20 in my css file)?

    • I don't know if I've used the em units correctly for the font sizes, do you have any suggestions for this?

    Thank you in advance for your precious advice!

    HTML/CSS Stats card component

    2
    João Oliveira•370
    @jvmdoPosted about 2 years ago

    Hi, LOÏC2A. I'm learning the basics as well, but I think I help with your questions.

    According to this MDN cookbook your centering technique is correct.

    The font size is hard to guess by looking, but the styles guide provides the paragraph font (15px), then you guess the heading are bit greater.

    Marked as helpful
    0