Planets fact site

This project is a solution to the Planets fact site challenge on Frontend Mentor. It allows users to view planet information with an optimal layout that adapts to different screen sizes. Users can toggle between "Overview", "Internal Structure", and "Surface Geology" for each planet, and interactive elements have clear hover states for enhanced usability.

Built with TypeScript and React, the project utilizes React Router for seamless navigation. The layout is constructed with Semantic HTML5 (JSX), BEM, and OOCSS methodologies, ensuring a modular and maintainable codebase. CSS Grid and Flexbox are used to create a responsive design, following a mobile-first workflow for a consistent user experience across all devices.