A fully responsive, clean, and elegant Contact Form UI — The kind of form that politely whispers:
“You may type your message now… I will not break. I promise.” 🤝
Live Demo → https://contactformchallenge.netlify.app/
This is a Frontend Mentor challenge focused on building a responsive contact form that is:
- Easy to use
- Visually neat
- Mobile-friendly
- And not emotionally unstable like some forms out there 💀
It handles:
- Username input
- Email input
- Message text area
- Validation states (because typos happen)
- 📱 Fully Responsive (Phone → Tablet → Laptop → Ultra-wide flex ✅)
- 🎨 Clean Modern UI with soft borders & spacing
- 📝 Usable Form Inputs that feel nice to click on
- 🔥 Hover & Focus styles that make it look alive
- 🎯 No JavaScript required. Pure CSS confidence.
| Tech | Why? |
|---|---|
| HTML | The skeletal frame 🦴 |
| CSS | The glow up + personality 🎨 |
| Responsive Design Principles | Because people browse on literally everything 📱💻🖥️ |
No frameworks. No Tailwind. Just hand-crafted CSS, like artisanal bread. 🥖
👉 https://contactformchallenge.netlify.app/
Go ahead. Type a fake message. Pretend you’re contacting your future self with life advice 😌
Contact-Form-Responsive/
│── index.html # The structure of the form
└── style.css # Styling, layout, spacing, responsiveness
git clone https://github.com/Divyamsharma-18/Contact-Form-Responsive.git
cd Contact-Form-Responsive
# Open index.html in your browser ✨That’s literally it.
- Light
- Clean
- Professional
- The UI equivalent of someone who drinks enough water and journals ✍️
Divyam Sharma
🌐 Portfolio — https://divyamsharma.netlify.app
💻 GitHub — https://github.com/Divyamsharma-18
🐦 Twitter — https://x.com/Heydivyamsharma
Believes every UI should feel breathable. Padding is love. Padding is life.
Starring this repo will:
- Increase happiness levels by +7
- Add +10 aesthetic aura to your GitHub
- Make the developer do a little happy dance 💃
Thanks for filling out this README. Now go fill out the form too. Or pretend to. We don’t judge 😌📨
