newertkrocker / static-comp-practice

Static Comp Practice

Turing, Mod 2 - Solo weekend project

Table of Contents

• Abstract
• Technologies
• Code Architecture
• Illustrations
• Install + Setup
• Contributors
  • Wins
  • Challenges + Improvements
• Project Specs

Abstract

• The goal of this project, done over a weekend, was to practice drafting HTML and CSS from scratch in order to try and match a comp provided in a single image.

Technologies

• Atom

Code Architecture

• HTML / CSS

Illustrations

Install + Setup

• You can visit the page here

Contributors

• Nate Ewert-Krocker

Wins

• This was an excellent way to learn some new CSS tricks -- to get more comfortable using display: grid, as well as using pseudo-elements to put a semi-opaque shader over background images and some other little bits of polish.

Challenges + Improvements

• Unfortunately, the weekend in question was pretty busy, and I wasn't able to implement some features that I had hoped to -- such as hover states for the menu icons and better responsiveness on mobile platforms.

Project Specs

• The project spec & rubric can be found here