Hey Hi 🙋🏻♂️ !
I'm Renaud and this is my solution to the Frontend "Planets fact site" challenge on Frontend Mentor.
Frontend Mentor challenges help developers improve their programming skills by building realistic projects; the "Quiz App" project is one of those.
The original requirements for this app (beside trying to adhere to the given visual design) were :
Your users should be able to:
- View each planet page and toggle between the "Overview", "Internal Structure", and "Surface Geology" tabs
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
All of these requirements have been met. The accessibility requires additional work though, including keyboard navigation.
The solution I implemented is available here.
I've implemented this using #astro, #tailwindcss and a sprinkle of vanilla javascript.
Hope you like it!