Responsive landing page made in React with custom Carousel

Solution retrospective
I'm proud of the carousel I made, from scratch. I think I would start making the components first because I did a raw version with some code duplicated that could have been components. I would take measures and add them to the tailwind config so that I can use them in the design without arbitrary values. I thought that some values could have been variables but I had written the arbitrary values already.
What challenges did you encounter, and how did you overcome them?First, I used the picture and source elements to have responsive images, but I didn't think that the width were from the img elment, meaning that the pictures all had the width from the mobile one, that broke my layout but I fixed by adding a min width attribute for each breakpoint. The font weight when hover for the menu was another paint point, I had to look it up on the internet.
What specific areas of your project would you like help with?I would like to know if the carousel is well implemented.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Adolfo Hristo David Roque Gámez'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