Design comparison
Solution retrospective
Fun challenge! Took me a while but I finally got there. I learned that it is important to plan a head the layout and consider all screen sizes. I was stuck a little because on the initial render of the pages and the destinations section I got some flickering and I figured it is because of the images and the routes (I used react router). The images took time to load and when you have a fast internet it looks like flickering. I didn't really find a solution for it, I used react lazy and suspence to show a loader while the page loads but it still wasn't what I was looking for. I would love to know if there is a way to navigate to a new page only after this page/component was fully rendered including the images. Any suggestions for improvements are welcome!
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