As a begginer in web development, I wanted to put my learning into practice. I followed a YouTube tutorial and built my first responsive website using just HTML and CSS. This was a huge step for me beacause it was the first time I turned code into something that actually looked like real website. In this blog, I’ll share what I built, What I learned, and how it helped me grow as a developer.

What I Learned

While building this project, I learned:

• How to structure a webpage using semantic HTML

• How to style layouts with CSS

• The importance of using flexbox and grid

• How to apply media queries to make a design mobile friendly website.

Challenges I Faced

• At first, the navigation bar wasn’t aligning properly. I had to learn how flexbox works.

• Understanding relative vs absolute units(px, %, rem, em) was tricky.

• Making the layout look good on both big and small screens took some trial and error.

Here’s the Landscape and Portrait view of my project

Conclusion

This project may look small , but it was a big milestone for me. It gave me confidence that i can actually build something from what i learn and also it boosts my motivation to learn and do more. If you’re also starting web development, I recommend trying to build a responsive site with just HTML and CSS - it teaches you the core fundamentals you’ll use in every project.