Day 6: Building Facebook & Instagram Pages with HTML and CSS 🚀

Today is Day 6 of my web development learning journey.

Yesterday, I practiced creating Facebook and Instagram-style pages using HTML and CSS.

What I learned

• How to structure a webpage using HTML.
• How to style webpages using CSS.
• How to create layouts similar to real-world websites.
• How to use the placeholder attribute in input fields.
• How to create and style login forms.
• How to position and align different elements on a webpage.

🛠️ Practice Projects

I created practice versions of:

• Facebook page
• Instagram page

These projects helped me understand how HTML and CSS concepts are combined to create real-world webpage layouts.

📚 What is a placeholder?

The placeholder attribute provides a short hint inside an input field to tell the user what information to enter.

For example: