DEV Community

Cover image for Glam Up My Markup: Camp Activities
Eduard Constantin
Eduard Constantin

Posted on

Glam Up My Markup: Camp Activities

This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities

What I Built

I built a web form that has a Camp Activities theme, aiming to enhance the markup and styling for a visually appealing experience. Here are the key features:

  • Background Image: I incorporated a custom background image that seamlessly blends with the camp theme. The AI-generated background adds an adventurous vibe to the page, setting the tone for camp-related content.
  • Custom Dropdown: To improve user interaction, I designed a custom dropdown menu. The dropdown enhances both functionality and aesthetics.
  • Font Style: I found that Bubblegum Sans perfectly aligns with the camp atmosphere. Its bouncy, cheerful style adds a sense of adventure and excitement to the form content.

Demo

Journey

During this challenge, I delved into CSS and JS techniques and learned how to:

  • Blend Backgrounds: The background image was carefully chosen to evoke the spirit of camping.
  • Style Custom Dropdowns: Customizing the dropdown menu involved tweaking colors, fonts and animations using both JS and CSS.
  • Validate Form Inputs: I also used JS to validate user's inputs, ensuring accurate and complete form submissions.

MIT License

Top comments (0)