-
mobile
Inspiration
I wanted to create a fun, imaginative website that combines space exploration with coffee culture. The challenge was to build something visually stunning using only HTML and CSS, without any JavaScript.
What I Learned
This project taught me advanced CSS techniques including gradients, animations, responsive grid layouts, and hover effects. I learned how to create a complete user experience with pure front-end technologies.
How I Built It
- Pure HTML5 with semantic structure
- CSS3 with gradients, transitions, and responsive design
- CSS Grid and Flexbox for layouts
- Google Fonts for typography
- Mobile-first responsive approach
Challenges
Creating engaging visual effects and a cohesive space theme without JavaScript was challenging. I focused on CSS hover effects, smooth transitions, and maintaining consistency across all sections while ensuring mobile compatibility.ive space-themed color scheme.
