bones7242 / responsive-portfolio

A basic HTML/CSS portfolio using Media Queries to adjust to your screen size

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

responsive-portfolio

In this project, I took my basic portfolio and converted it to be responsive to different widths by using media queries.

My goal with this project was to practice having to create a site for a client based on their exact design, so I challenged myself to create a pixel-perfect copy of the below designs. Here is my site: heroku link. How did I do?

Reference Design

Full width

full width

Dynamic below 980px wide

980px wide

Dynamic below 768px wide

768px wide

Dynamic below 640px wide

640px wide

About

A basic HTML/CSS portfolio using Media Queries to adjust to your screen size


Languages

Language:HTML 57.0%Language:CSS 42.7%Language:PHP 0.2%