Week 2 Day 3: Responsive web design
This commit is contained in:
34
Week-2/Day-3/Readme.md
Normal file
34
Week-2/Day-3/Readme.md
Normal file
@@ -0,0 +1,34 @@
|
||||
# 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
|
||||
Reference in New Issue
Block a user