Week 2 Day 2: CSS Flexbox and Grid layout systems
This commit is contained in:
32
Week-2/Day-2/Readme.md
Normal file
32
Week-2/Day-2/Readme.md
Normal file
@@ -0,0 +1,32 @@
|
||||
# Week 2 – Day 2 CSS Layouts – Flexbox & Grid
|
||||
|
||||
### Date
|
||||
23 December 2025
|
||||
|
||||
### Objective
|
||||
To understand modern CSS layout techniques using Flexbox and Grid for building structured web layouts.
|
||||
|
||||
### Topics Covered
|
||||
- CSS Flexbox fundamentals
|
||||
- Alignment and spacing
|
||||
- CSS Grid basics
|
||||
- Layout comparison
|
||||
|
||||
### Activities Performed
|
||||
- Built navigation layout using Flexbox.
|
||||
- Practiced content alignment techniques.
|
||||
- Created grid-based page layout.
|
||||
- Compared Flexbox and Grid usage.
|
||||
|
||||
### Tools & Technologies Used
|
||||
- HTML5
|
||||
- CSS3
|
||||
- Visual Studio Code
|
||||
|
||||
### Learning Outcomes
|
||||
- Gained confidence in CSS layouts.
|
||||
- Learned modern layout best practices.
|
||||
- Improved UI structuring skills.
|
||||
|
||||
### Status
|
||||
Completed
|
||||
Reference in New Issue
Block a user