WEB-DEV LAB-3 ASSIGNMENT (STUDENT PORTFOLIO)

Lab Title: Personal Portfolio Website (HTML + CSS)

Description: A soft-minimal, responsive portfolio website showcasing personal details, skills, projects, and contact information. Built entirely using HTML and CSS with structured sections, smooth navigation, clean typography, and aesthetic layout. The site demonstrates semantic structuring, responsive UI, grid-based project display, and modern styling without JavaScript.

Steps to View Responsive Behavior (Breakpoints Tested): To view responsiveness:

1. Open the website in any browser.
2. Right-click -> Inspect -> Toggle Device Mode (or press Ctrl + Shift + M).
3. Resize the viewport to observe layout changes at different breakpoints.

Breakpoints tested:

Device

1. Mobile (Type Width:≤ 480px) (behavior:Layout stacks vertically, reduced padding, text centered, images scaled.)
2. Tablet (type width:481px – 768px) (behaviorGrid adapts, hero switches to two-column layout, nav spacing adjusts.)
3. Desktop / Large Screens (type width:≥ 1024px) (behavior: Full multi-column layout, larger font sizes, balanced spacing.)