5일차: CSS 그리드 학습 및 Google 홈페이지 구축 🚀

작성자

카테고리:

← 피드로
DEV Community · Saravanan Cn · 2026-09-22 개발(SW)

Saravanan Cn

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! 🚀

원문에서 계속 ↗