DEV Community

Saravanan Cn
Saravanan Cn

Posted on

Day 5: Learning CSS Grid & Building a Google Homepage 🚀

Today I learned about CSS Grid and practiced using positioning concepts to create a webpage layout.

What I learned today

  • CSS Grid and how it helps create structured webpage layouts.
  • How to use rows and columns with Grid.
  • How positioning can be used to place elements accurately.
  • How different CSS concepts work together to create a complete webpage.

🛠️ Mini Project: Google Homepage

After learning these concepts, I practiced by creating a Google homepage using HTML and CSS.

While building it, I practiced:

  • Creating the page structure with HTML.
  • Using CSS Grid for layout.
  • Positioning different elements.
  • Styling buttons, links, and other elements.
  • Making the layout look similar to the original design.

This project helped me understand how individual HTML and CSS concepts can be combined to build a complete webpage.

I'm continuing my journey step by step and looking forward to learning JavaScript next! 🚀

Top comments (0)