nicktu12 / nt-comp-challenge-1

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

nt-comp-challenge-1

Project

The goal of this assignment was to create a static site using HTML and CSS that is true to the given comp while responsive on smaller screens. I took liberties with the content of my site, but the layout had to stay true to the comp layout.

In order to maintain a smooth, easily navigable layout, I swapped hero images once the screen breaks to mobile layout, along with adjusting the static positions of the elements in the prominent tile. Additionally, as the screen gets smaller and tile elements get more rectangular, I decided to let the tile elements span the whole width of the page.

Original Comp:

screen shot 2017-07-18 at 9 59 20 am

My version:

screen shot 2017-07-18 at 9 59 35 am

About


Languages

Language:CSS 66.1%Language:HTML 33.9%