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

Result Summary Component using TailwindCSS

@ThornenSan

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm very new to styling and now I'm trying to use TailwindCSS after learning from a short course. I would be appreciated if you can point out best practices and what I should improve on.

Community feedback

@ratul0407

Posted

@ThornenSan Hey there my coder🎉🎉

You're solution is just too good😍😍. There's really not that to change seriously!! But in the mobile design the entire container div (card ) it keeps on stretching until it hits the medium breakpoint which really doesn't makes it look good for screen sizes between (400px - 768px). To fix this issue you can simply just do this on the card {max-width: 450px //or anything that you feel looks better} and set w-full after md screen sizes. Instead of that it's really good😄.

I hope you found this helpful👍👍

Have a very nice day🌝 and happy coding my friend🚀🚀

Marked as helpful

1

@ThornenSan

Posted

@ratul0407 Thank you so much for your feedback 🙏 . Have a very nice day you too 😄

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