Design comparison
Solution retrospective
I'm proud of how smoothly I was able to develop this code. I found the process to be surprisingly intuitive, and it allowed me to bring my ideas to life with relative ease. It's gratifying to see the project come together and function as intended.
What would I do differently next time? Looking back, I realize that there were moments where I could have been more efficient with my time. Next time, I aim to streamline my workflow and be more proactive in identifying and addressing challenges as they arise. Additionally, I want to take the opportunity to further refine my skills in Tailwind CSS, as I believe there's always room for improvement and growth in mastering such a versatile tool.
What challenges did you encounter, and how did you overcome them?While this project was relatively straightforward, I did encounter some challenges when trying to incorporate certain elements using Tailwind CSS. At times, I found myself struggling to achieve the desired styling or layout with the predefined utility classes. However, through experimentation, research, and trial and error, I was able to overcome these obstacles and successfully implement the required features.
This experience not only helped me to accomplish my goals for the project but also significantly improved my proficiency with Tailwind CSS. By grappling with these challenges and finding solutions, I deepened my understanding of the framework and expanded my toolkit of styling techniques. Overall, while the journey presented its share of hurdles, overcoming them ultimately contributed to my growth as a developer.
What specific areas of your project would you like help with?I would like to offer assistance to individuals working on frontend projects using Next.js and Tailwind CSS. If you're facing challenges or seeking guidance in developing better user interfaces or improving your skills with these tools, I'm here to help. Whether it's troubleshooting issues, providing code snippets, or offering advice on best practices, I'm committed to supporting your growth as a frontend developer.
Additionally, I welcome feedback and questions from anyone interested in learning more about Next.js and Tailwind CSS. Your input helps me understand how I can better serve the community and tailor my assistance to address your needs effectively. So please feel free to reach out with any inquiries or suggestions you may have. Together, let's elevate our frontend development skills and create exceptional user experiences
Community feedback
- P@Theosaurus-RexPosted 3 months ago
Hey @matheusbarb, great work!
A couple of suggestions based on things I've picked up working with Tailwind and general frontend code over the years:
- When using Tailwind, try to minimise using arbitrary values if possible - you'll save yourself a lot of headaches if you ever have to overhaul your styles on a larger project! For example, I can see you have
text-[16px]in a few places, but tailwind already has a builtin equivalent that achieves the same behaviour -text-base - I'd suggest having a look at how to write useful alt text for images to improve the accessibility of your web pages - I've written a beginner-friendly guide that covers some common use cases. In this case, I think the abstract image could be considered purely decorative, so we can leave the
alttag empty, but the avatar could benefit from a more in-depth description.
Regardless, this is great! Next is a very powerful framework at scale, so I'd be curious to hear how you go with it if you use it for larger projects :) Great work!
0 - When using Tailwind, try to minimise using arbitrary values if possible - you'll save yourself a lot of headaches if you ever have to overhaul your styles on a larger project! For example, I can see you have
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