Module 1 - Responsive Website

Responsive Site

Introduction

For my second project, I had to make a responsive web page. This responsive web page needed to contain adaptive images, media queries for various screen sizes, restructure navigation for various screen sizes, new mobile techniques, and adapt finger pixel width for touch screens. The new technique I tried out was to create a drop-down menu with a hamburger icon for phone-sized screens.


Picture of mobile responsive site

Scoring Guide

Here is the scoring guide for my Responsive Webpage: Responsive Webpage Scoring Guide