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

Stats Preview Card (Tailwind CSS)

P

@Fejiro001

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


What are you most proud of, and what would you do differently next time?

Hi 👋, I'm Fejiro and this is my solution for the Stats Preview Card challenge:

Features:

  • Achieved high scores on PageSpeed Insights.🎉
  • Utilized Tailwind CSS for styling.
  • The code was formatted with Prettier.
  • Close resemblance with the original design.

Built With:

  • TailwindCSS.
  • npm - prettier.

What challenges did you encounter, and how did you overcome them?

I faced some issues with the background image colour but was able to do it with taiwlindcss bg-blend-multiply. If there are other ways to achieve this, please suggest.

What specific areas of your project would you like help with?

Any suggestions on how I can improve on my solution are welcome. Thank you 😄 Especially when it comes to blending images with color.

Community feedback

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