Responsive design using React + TailwindCSS + Vite

Solution retrospective
I am proud of the structure of my React components, I belive it make them reusable for future projects, I do need to maybe update the names as they are not very descriptive, something I must improve.
What challenges did you encounter, and how did you overcome them?I did encounter a challenge with the desktop design, and it is that some of my containers where overflowing from the parent div that contains the grid.
The issue was I used on the style space-y-5 and md:gap-5 I correct this error by adding md:space-y-0
What I learn from this is that you must take close attention to paddings, spaces and gaps when working with both flex and grid.
What specific areas of your project would you like help with?For this time I am fine.
Thought I will accept suggestion on more descriptives names for my containers on Containers.jsx
Reading I found on tailwindCSS now you can have containers like @container, I'll try to use it for next time.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Alejo2304's solution.
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