@AGutierrezR
Posted
Hello there Dean 👋. Good job on completing the challenge!
I have some suggestions about your code that might interest you.
Although you are not styling by BEM principles, you are doing great with the naming convention, when you mix Tailwind with something like BEM or CUBE CSS, you could use these non-utility-classes to create some reusable or unique elements. For example:
- Each
.summary__itemyou use this non-utility-class to add the padding, border-radius, flex container and distributions, and then you could use tailwind to add the colors or to add the margin between each other.
I hope you find this helpful 😁. Most importantly, your submitted solution is fantastic!
Happy coding!
Marked as helpful
@AGutierrezR Thank you so much for taking a look at my solution
Thanks for your feedback regarding my use of naming conventions.
So if I understand you correctly, I can style the .summary__item with styles I would repeat by using tailwind in the html, and instead put this in a CSS file.
This will help to clean up my code!
Thanks again @AGutierrezR, this is really helpful :)
