This is a solution to the Space tourism website challenge on Frontend Mentor.
Table of contents
Users should be able to:
- View the optimal layout for each of the website's pages depending on their device's screen size
- See hover states for all interactive elements on the page
- View each page and be able to toggle between the tabs to see new information
Desktop View | Mobile View |
---|---|
Home Page | |
Destination Page | |
Crew Page | |
Technology Page | |
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Desktop-first workflow
I have gained a better understanding of developing websites that are responsive and adapt effectively to various screen sizes. This knowledge has allowed me to optimize my development process and create designs that work seamlessly on different devices. Additionally, I have expanded my proficiency in CSS properties such as box-shadow, clamp, minmax, transition, and transform, which have enabled me to implement more sophisticated and dynamic visual effects on my web pages.
I am enthusiastic about expanding my knowledge in designing websites that effectively cater to different screen sizes. Specifically, I am determined to become proficient in utilizing the power of CSS flexbox and grid layouts to create responsive and visually appealing designs. Additionally, I am eager to explore the possibilities of enhancing interactivity and responsiveness by leveraging JavaScript. My goal is to master these techniques to deliver seamless and engaging user experiences across a wide range of devices and platforms.
- Email - [email protected]
- Frontend Mentor - @hemanth110702
Special thanks to:
-
Scrimba: For providing an excellent learning platform that enhanced my web development skills and made this project possible.
-
Kevin Powell: For his invaluable mentorship and guidance throughout the development of this space tourism project.
Your contributions have been instrumental in the success of this endeavor. Thank you!