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

HTML, CSS

Naveen Singhโ€ข 75

@naveensing575

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


The CSS code is not fully responsive but I enjoyed doing my FIRST task #Front_end_developer_journey

Community feedback

Azkaโ€ข 480

@Azkanorouzi

Posted

hello my friend if you notice there is a bit difference in background it looks like it does not cover all the image . I had same problem until I find out how to fix it. you can simply use img tag instead of background property and use src to import image to img tag to fix it after that you can create an empty div just after the img tag and give it a color and reduce opacity in order to give it a color overlay and you are good to go . nice work btw

Marked as helpful

2

Naveen Singhโ€ข 75

@naveensing575

Posted

@Azkanorouzi Thanks for the help brotherโœŒ. I literally was searching for this one.๐Ÿ˜‰

0
Ahmed Faisalโ€ข 5,095

@afrussel

Posted

Hi, Your work is nice. Just one feedback, instead of using px (font-size: 15px;), use rem for font size. After make it responsive this output looks really awesome.

Happy coding :)

Marked as helpful

2

Naveen Singhโ€ข 75

@naveensing575

Posted

@afrussel Thanks for the tip bother๐Ÿ‘

0
Ahmed Faisalโ€ข 5,095

@afrussel

Posted

@naveensing575 pleasure brother ๐Ÿ‘

0
Palash Meenaโ€ข 140

@palashmeena

Posted

Good Start You need to work on responsive css more.

Marked as helpful

1

Naveen Singhโ€ข 75

@naveensing575

Posted

@palashmeena thanks for your reply. I will sure๐Ÿ˜Š

0

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