Create a project that uses intermediate CSS features.

Launch Presentation | Slide Notes

Read These

box-sizing, properties, root html size, background, background-image, linear-gradient, radial-gradient, background-repeat, background-position, background-attachment, background-size, border-radius, box-shadow, text-shadow

Watch These

Fluid Typography
Responsive Typography
SVG
Raster and Vector Graphics
Browser Development Tools
Debugging CSS
Icon Fonts
Background Property
Gradients

General Expectations

• Use a Github repo and place this inside a projects folder under it’s own folder
• Use any of the styles on this page and any previous styles, but no others
• You may use a copy of the previous HTML project
• You must use external style sheets ONLY
• All HTML must validate using the w3c validator (-50 points)
• All CSS must validate using the csslint (-30 points)
• Links to your project must work (-50 points)

Lesson Expectations

• You must use a background image using the vh measurement
• You must use theinline-block parameter in a meaningful way
• You must use border-radius somewhere
• You must use border-box sizing
• You must use a drop shadow tastefully
• You must use rems to size your typography
• You must resize your root font size to 10 pixels
• You must use use a gradient tastefully
• You must use rounded edges somewhere on your stylesheet
• You must use icons