MZ1387 / HW_Responsive-Portfolio

HW - {Responsive-Portfolio}

In this assignment, I enhanced a previous assignment with a mobile-responsive layout.

Live Link (GitHub Pages)

• https://mz1387.github.io/HW_Responsive-Portfolio/

Description on how to use the app

Website responds to multiple screen sizes: 980px, 768px and 640px

Requirements

1. Use three @media screen tags, each with one of these max-widths: 980px, 768px and 640px.
2. Make the index.html, portfolio.html and contact.html layouts responsive in each @media query

Concepts Implemented

• HTML & CSS
• Website Responsiveness
• @media screen tags

Code Explaination

• Manipulated the CSS to respond by adjusting width and margins of various elements