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

reponsive card using flexbox and grid .

S.Aloui 300

@Souheib-Aloui

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@lukejans

Posted

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-Aloui

Posted

@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
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