CSS Basics Challenge

Group members:

- Tony, Lelani and Mark

Instructions

1. Fork this repo
2. Clone your fork
3. Update your README.md to indicate who is working on this challenge (yours and your partner's name)
4. Following the instructions for the Challenge below.
5. Add, commit, and push your work to your fork
6. Do the Homework

Challenge

Your boss comes in and wants a splash page for a brand of a client. She says you have two hours to complete the project. You’ll present your solution in the afternoon today (5 minutes, explaining your design decisions).

Working in groups of two:

• Each group posts a chosen brand from Tokyo 2020 into Slack.
• Each group is to respect the brand image. Treat this like a real project.
• Build a splash page using content from the brand’s website. Students can choose branding style, web page design and content.
• Use whiteboards/butchers paper to plan your splash page.
• Your HTML should validate (no errors - warnings are OK) on the W3 HTML Validator.
• Your CSS should validate (no errors - warnings are OK) on the W3 CSS Validator.

Homework

Download the Zen Garden HTML and apply your own styles and layout to it using CSS. (You will need to do extra research and stretch yourself!)

Resources

• Test your CSS
• CSS color names
• CSS cheat sheet
• Coolers
• A color wheel
• How Jack White Uses Color
• Color safe
• Branding Identity
• Design fundamentals
• Design images
• Layout Composition
• Typography
• contrast-ratio
• Zero Power rule