I’m excited to share my latest project — a fully responsive landing page built from scratch with HTML and CSS. Inspired by my wife’s work as a yoga instructor, this project was a great opportunity to strengthen my frontend development skills while focusing on clean design, accessibility, and performance.
It was also my first time applying color theory in a real-world project. Experimenting with palettes and complementary color schemes gave me a deeper understanding of how design decisions directly influence usability and user engagement.
Throughout the build, I encountered and solved several challenges that helped me grow as a developer:
🧩 Responsive grid logic: My initial use of minmax() (minmax(230px, 200)) caused layout inconsistencies. Refactoring it to minmax(200px, 230px) taught me valuable lessons about CSS Grid behavior and responsive layout strategies.
📱 Cross-browser debugging: Styles weren’t appearing on iOS Safari due to aggressive caching. Identifying and resolving this issue reinforced the importance of thorough testing across devices and environments.
This project gave me hands-on experience with responsive design, CSS grid/flexbox, color theory, and browser debugging — and I’m excited to apply these skills to more complex, production-level projects moving forward.
🔧 Tech Stack: HTML, CSS
📂 Live Demo: https://lnkd.in/eAEjgxDj
💻 GitHub Repository: https://lnkd.in/eUmtBwrH
Top comments (0)