Skip to content
Submitted about 3 years ago

I used react and css flexbox for this project.

Daramola Oluwafemi•60
@hemarle
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my first trial on FEM. I wasn't able to get the font. I know i really messed it up. I just hope the desktop and mobile view look a little bit okay. I'm open to any suggestion. I used BEM naming convention for the css .

Community feedback

  • Jasper Decaestecker•80
    @jasperdecaesteckerPosted about 3 years ago

    Getting the fonts is done like follows.

    1. Go to https://fonts.google.com/specimen/Inter
    2. Select font weight 400 and 700. "+ Select this Style"
    3. on the right select link as option and copy the whole block into the <head>. Be sure to paste it in front of your own css or css files you reference. I see in your code that is referenced incorrect !
    4. just add font-family: 'Inter', sans-serif; to the body or yeah any specific text you want

    I would also change the padding a bit around the text (to match design closer). But overall i would say its good

    1
    Daramola Oluwafemi•60
    @hemarlePosted about 3 years ago

    @jasperdecaestecker thanks a lot. I really appreciate that feedback. It makes more sense to me now.

    1

Please log in to post a comment

Log in with GitHub

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