Design comparison
SolutionDesign
Solution retrospective
What did you find difficult while building the project?
- It was my first time using Tailwind CSS. There was definitely a learning curve with the syntax, and I found there to be a lot of nuance when you wanted to customize the base styling (extending vs overwriting the theme, updating config file vs updating input css manually, updating config file vs creating a one-off class, etc.). Because of this, the build was pretty slow for such a straightforward project, but I think if I were to use it again it would be much faster.
Which areas of your code are you unsure of?
- Mostly my implementation of Tailwind. It definitely bulked up my index.html file a lot with classes, but I was not sure if there are best practices around the order of the classes on elements and if there are any best practices re: the config file that I failed to implement.
Do you have any questions about best practices?
- For Tailwind - see previous answer, as well as:
- I added the Tailwind build process to my npm dev script - I was unsure if this was a good way to go about this / if there are better ways.
- For Frontend Mentor workflow:
- Are there any files from the starter that I should have kept in my final project, or any others that should be removed?
- Are there best practices on file structure for smaller projects like this one that I have not implemented?
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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