This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup : Beaches
๐ด๐๏ธ Welcome to My June CSS Frontend Challenge Submission! ๐๐
Inspiration โจ
Inspiration ๐ค
Today, I am highlighting a serene and visually appealing web page dedicated to showcasing the best beaches in the world. The design captures the tranquility and beauty of beach destinations, aiming to evoke a sense of wanderlust and relaxation. The warm colors and tropical imagery set the perfect mood for exploring dreamy beach getaways. ๐๐ด
Demo ๐
Here's a preview of my submission:
๐ You can view and interact with the full demo here.
๐ You can also preview the full code on this repository.
Journey ๐
Creating this webpage was an exciting journey that allowed me to blend aesthetics with functionality. I focused on achieving a visually pleasing gradient background to simulate a sunset, complemented by palm tree silhouettes to enhance the tropical theme. ๐๐ด The typography was chosen to be welcoming and easy to read, emphasizing the headline and call-to-action button.
What I Learned ๐
CSS Gradients: Crafting beautiful, smooth transitions that mimic natural light.
Layering Images with Transparency: Adding depth and dimension to the visuals.
Creating a Cohesive Color Scheme: Ensuring all elements harmonize to enhance the user experience.
I am particularly proud of how the background and text elements harmonize to create an inviting and immersive experience.
What's Next? ๐ฎ
Responsive Design: Refining my skills to ensure the webpage looks great on all devices.
Animations: Experimenting with subtle movements to bring the design to life.
Thank you for taking the time to check out my project! I hope it inspired a bit of wanderlust in you. ๐โจ
"To travel is to take a journey into yourself." โ Danny Kaye
Feel free to leave feedback or suggestions in the comments. Until next time, happy coding! ๐ป๐
Edit : Well, I think it's responsive now :)
If it's not for you, just let me know what's your screen size and I'll fix it ;)