Skip to content
Submitted almost 2 years ago

reponsive card using flexbox and grid .

S.Aloui•300
@Souheib-Aloui
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

  • I tried my best to make the text align as the design as much as possible so i tried a bunch of values .
  • For the life of me i couldn't tell fonts from each other and the picture change from desktop version to mobile depending on viewport doesn't seem to be quite right. Any help or advice would be appreciated , got stuck on this one for a while wanting it to be perfect .

Community feedback

  • Luke Janssen•210
    @lukejansPosted almost 2 years ago

    Hey! I'm still looking at the code but one thing I would note is that your stylesheet seems to not be loading in properly <link rel="stylesheet" href="/style.css">. one thing you can try to fix this would be to remove the backslash /. I've also noticed that your repo doesn't have an images folder which is why when you try to pull in an image from the images directory nothing happens `<img src="./images/image-header-mobile.jpg" alt="">.

    Happy Coding, Luke!

    1
    S.Aloui•300
    @Souheib-AlouiPosted almost 2 years ago

    @lukejans yeah i just noticed my self thanks , a typo can ruin a lot , my bad .

    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