35 lines
885 B
Markdown
35 lines
885 B
Markdown
# Week 2 – Day 3 Responsive Web Design
|
||
|
||
### 📅 Date
|
||
24 December 2025
|
||
|
||
### 🎯 Objective
|
||
To understand the principles of responsive web design and implement layouts that adapt to different screen sizes using CSS media queries.
|
||
|
||
### 📚 Topics Covered
|
||
- Responsive web design fundamentals
|
||
- Viewport meta tag
|
||
- Responsive units
|
||
- Media queries
|
||
- Mobile-first design approach
|
||
|
||
### 🛠️ Activities Performed
|
||
- Studied responsive design concepts.
|
||
- Implemented responsive layouts using media queries.
|
||
- Created mobile and desktop-friendly web pages.
|
||
- Tested responsiveness using browser developer tools.
|
||
|
||
### 🧪 Tools & Technologies Used
|
||
- HTML5
|
||
- CSS3
|
||
- Visual Studio Code
|
||
- Browser DevTools
|
||
|
||
### 📈 Learning Outcomes
|
||
- Understood how responsive websites work.
|
||
- Learned to write media queries.
|
||
- Improved ability to design mobile-friendly layouts.
|
||
|
||
### ✅ Status
|
||
Completed
|