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

Social Proof Section Built with TailwindCss

JM Lonzo 190

@jmmaglonzo

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Mastering Tailwind through Frontend Mentor Challenges

Community feedback

@david-tejada

Posted

Here are some observations:

  • The stars look distorted because the flex parent has the default align-items: stretch, change it to center.
  • You have an empty section element at the bottom of your html.
  • The use of @apply is discouraged for most cases by the author of tailwind himself: Reusing Styles - Tailwind CSS
  • Add node_modules to your .gitignore.
  • You also shouldn't commit build assets to source control. Find a way to provide the build command to the hosting provider. I'm not sure how to do it with GitHub Pages but there has to be a way.
1

JM Lonzo 190

@jmmaglonzo

Posted

@david-tejada Thank you for your feedback. This can really help me. I'm still new to Tailwind CSS, but I will take note of what you said and update the 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