Nextjs tailwindcss responsive multipage website space tourism
Design comparison
Solution retrospective
What I am most proud of is being able to create the entire site for all types of devices (desktop, tablet, phone) using TailwindCSS with its various breakpoints. I also succeeded in implementing transitions for a smoother user experience. Additionally, I managed the routes with Next.js and used Next.js hooks to handle different renderings. I used components with props to avoid creating a separate page for each destination, team member, or technology since the pages are identical. I just modified the elements that change using props without having to reload the entire page. I think I will always, or almost always, start with a mobile-first approach.
What challenges did you encounter, and how did you overcome them?I mainly had an issue with the background. While I managed to make it appear correctly across different devices (computer, tablet, phone), in some cases, it didn't cover the entire page, leaving a white space at the bottom. I wasn't always able to fix this problem.
What specific areas of your project would you like help with?Perhaps regarding the background, which gave me some trouble.
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