Skip to content
Submitted 12 months ago

Result Summary Component using TailwindCSS

San Thornen•100
@ThornenSan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

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

  • Rajaul Islam Ratul•1,250
    @ratul0407Posted 12 months ago

    @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
    San Thornen•100
    @ThornenSanPosted 12 months ago

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

    1
    Rajaul Islam Ratul•1,250
    @ratul0407Posted 12 months ago

    @ThornenSan Thank you😄

    1

Please log in to post a comment

Log in with GitHub

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