Project Description
Fully style with CSS to provide a basic typographic treatment and responsive design that makes judicious use of media queries and relative units (em/rem, vw, %). You will deploy your pages to a server pointed at by your personal domain name, or a subdomain if you have an existing professional web presence
Project Goals
Produce modern standards-compliant, mobile-first CSS
Organize site typography with a modular scale, and set type on a baseline grid
Execute responsive design with flexible media and fluid grids, expressed as percentages
Continue to write and revise valid, well-formed semantic HTML
Effectively comment on and format source code for maximum readability
Track the development of a project over time and collaborate with others using version control
Deploy web pages to a public server (can be GitHub pages, set up with your own domain name or subdomain)
Requirements
Multiple linked valid, well-formed semantic HTML files (Project 1, essentially)
HTML-based fallbacks for any media elements (image, audio, video) that you include
One single valid, error-free CSS file. Do not create more than one single screen.css file for your project
Your HTML and CSS files should both be indented with 2 spaces per level of indent; indent all CSS style rules inside the declaring block, and further indent all rules and blocks inside your media queries
Open your CSS file with a set of reset styles (such as the minified Eric Meyer resets from class demos)
Use of only relative units (em, rem, vm, %) in your CSS; no px, pt, or other absolute units allowed
Use at least two min-width media queries to enhance your mobile-first styles for larger screens
Organized, readable source that is hand-written and original (no WYSIWYGs or code-generators, no Bootstrap or other off-the-shelf HTML or CSS frameworks)
A Git repository with frequent commits and meaningful commit messages that accurately reflect each set of changes that you make
GitHub repository must contain only the files and commits from this project; you are encouraged to use and further improve your HTML files from Project 1