Hey Dev community!
I wanted to share my recent experience of working on a real-world task after diving deep into the basics of HTML and CSS. As a coding enthusiast and a participant of the #100DaysOfCodeChallenge, I decided to challenge myself by building a survey form from scratch. Trust me, the journey from understanding the fundamental concepts to implementing them in a real project was both exciting and enriching!
Understanding the Basics:
I started by solidifying my understanding of HTML tags and CSS properties. From form, input, and tags to styling elements with CSS, I felt confident in my grasp of the fundamentals. Armed with this knowledge, I was ready to take on the challenge of creating a fully functional survey form.
The Project:
The survey form I envisioned wasn’t just any form; it was interactive, user-friendly, and aesthetically pleasing. I applied my HTML skills to structure the form, using appropriate tags for each input field and employing semantic HTML to enhance accessibility. With CSS, I brought my form to life, adding colors, adjusting layouts, and ensuring it looked great on various devices.
Challenges and Learnings:
Of course, it wasn’t all smooth sailing. I encountered challenges, such as aligning elements perfectly and making the form responsive. But each challenge became an opportunity to learn. I researched, experimented, and with determination, I overcame each obstacle. This process not only enhanced my technical skills but also honed my problem-solving abilities.
The Result:
After hours of coding, testing, and refining, I proudly present my survey form. It's functional, visually appealing, and responsive – a testament to my newfound understanding of HTML and CSS. Seeing the form in action was incredibly rewarding and motivated me to delve even deeper into the world of web development. see link below:
Top comments (0)