Space tourism multi-page website using Vue & TailwindCSS
Design comparison
Solution retrospective
I encountered a challenge with implementing smooth transitions when switching tabs in my project. Initially, the page content was shifting during the transition between tabs. After reviewing the Vue documentation, I read about the transition element and resolved the issue by adding the mode="out-in" attribute. This effectively fixed the page shifting problem during tab transitions.
What challenges did you encounter, and how did you overcome them?I encountered a challenge with implementing smooth transitions when switching tabs in my project. Initially, the page content was shifting during the transition between tabs. After reviewing the Vue documentation, I read about the transition element and resolved the issue by adding the mode="out-in" attribute. This effectively fixed the page shifting problem during tab transitions.
What specific areas of your project would you like help with?I encountered a challenge with implementing smooth transitions when switching tabs in my project. Initially, the page content was shifting during the transition between tabs. After reviewing the Vue documentation, I read about the transition element and resolved the issue by adding the mode="out-in" attribute. This effectively fixed the page shifting problem during tab transitions.
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