Samantha-Brown / Mod2StaticComp

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mod2StaticComp

This project was the Turing School of Software Design Front End Mod 2 static Comp Challenge. The main goals were to practice flexbox/grid and website responsiveness.

Install directions

  1. Fork this repository & git clone it down to your terminal
  2. cd into Mod2StaticComp
  3. Run npm install
  4. Open with index.html

Screenshots

This is my re-creation of the layout using Atlas Obscura sites

atlas obscura

This is the comp layout we were given to follow

static comp

Wins & Challenges

Wins: I completed the project even though I am experiencing grief due to the loss of my cat, Cali, RIP.

Challenges: I needed help with this project more than I expected. I used the grid structure in my tic-tac-toe project but this layout was far more complicated.

Future Features

  1. I would clean up the color contrasts between the pictures and the "views" count.
  2. Adjust the photos to take up more of the info boxes so folks get a better idea of what they are seeing.

About


Languages

Language:HTML 61.0%Language:CSS 39.0%