CSS Zen Garden

The CSS Zen Garden is a demonstration of what can be created through CSS design. We were tasked to choose a theme and implement it using SASS. We were not allowed to change any of the HTML or add classes. Pseudo-classes were used to target tags that did not contain classes.

The theme was ocean based, implementing various aquatic themed SVG's. The SVG's were manipulated in Illustrator to fit the style of the page. The design is responsive to mobile devices.

Haunted House gate fold mockup
CSS Zen Garden Website