Welcome to My Web Technology Portfolio

Student at University of Engineering & Technology, Peshawar

Lab 05 & 06: Advanced Responsive Layouts

A comprehensive series of 18 tasks demonstrating CSS Flexbox, Grid, and Media Queries.

Task 1: Display Task 2: Floats Task 3: Position Task 4: Flex Nav Task 5: Flex Cards Task 6: Grid Gallery Task 7: Holy Grail Task 8: E-comm Grid Task 9: Dashboard Task 10: Breakpoints Task 11: Mag Grid Task 12: Flex Form Task 13: Flex Grail Task 14: Mosaic Task 15: Mobile First Task 16: Full Site Task 17: Magic Grid Task 18: Grid Areas

About This Project

This site is built as part of the CS 224L Web Technologies course to demonstrate HTML5 structure and GitHub Pages deployment.

Check out my code on GitHub.