[Web Dev] Day 3: HTML Code (Login & Signup Page)

📅 Date: Feb 23, 2026

🧠 Mood: Frontend Developer 🛠️

🔥 Topic: Web Dev Day 3: Building a Signup & Login Page

🚀 Theory into Practice

No more reading definitions. Today, I used the HTML and CSS concepts I learned to build something real: A clean, modern Signup and Login Page.

---

📸 The Final Output

Here is what I built. Notice the padding inside the input boxes and the margin separating the buttons.

---

💡 Key Learnings from this Project

• Forms: The <form> tag is essential to group inputs together.
• Inputs: Using type="password" automatically hides the text with dots. Using type="email" forces the user to enter a valid email format.
• Hover Effects: I used the CSS pseudo-class :hover on the submit button so its color changes when the mouse goes over it. Small details make a huge difference in UI!
• Centering Divs: The classic developer struggle. Used margins and basic positioning to bring the login box to the center of the screen.

Next Up: Flexbox. Time to layout things like a pro.