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

Testing

@Seunprof

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


Its was quite difficult trying to get the CSS to look just like the original styling. The image seems not to display on the live site.

Community feedback

Lucas 👾 104,560

@correlucas

Posted

Hello Faruk, congratulations for your solution!

Your solution already seems really good, you can give the h1 a small value because it's too big an a line-height: 1.3 there's too much space between lines.

To have the same effect for the image add mix-blend-mode: multiply inside div or img tag to blend the photo with the purple background.

Keep it up!

0
IRVINE MESA 1,855

@DrMESAZIM

Posted

Hi Faruk

Well done for your first attempt challenge . I would like to help you make your challenge better and as close to the solution as position, especially on mobile responsive ness it seems the outlook on mobile view can be made better by the use of media queries.

If you find it difficult to resolve let me on and I can do YouTube video editing your code.

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