Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
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

Stats Preview Card Component

Marko 120

@matesic99

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


It's my first time that I use tailwinds, design isn't perfect but I'm happy with it Some recommendations on how to be better and what to fix, and why i can't publish my project, what is wrong

Community feedback

@etiennedesfontaines

Posted

Hey Marko, Well done on your first solution - it looks great!

If you feel up to giving a second iteration a go:

  • Click on the "view report" button below your solution, it will give you pointers to help you resolve the HTML and Accessibility issues it has flagged.

  • consider trying out the CSS mix-blend-mode property with a value of multiply, declared on your image, along with an opacity of 0.8. If the images parent has its background set to hsl(277, 64%, 61%), then this method should help you achieve the slightly lighter colouring, as shown in the design. If you get stuck, check out my solution, I used it there...

Happy coding Marko.

Marked as helpful

0

Marko 120

@matesic99

Posted

@etiennedesfontaines I will definitely try that. Thank you for your valuable feedback.

0

@shainay

Posted

Check your live site Url in not showing your output..

0

Marko 120

@matesic99

Posted

@shainay solved, i just had to change the publish directory.

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