CSS Zen Garden

The CSS Zen Garden is an exercise in CSS where the HTML of the page cannot be edited and the designer can only work with the given tags, ids and classes.

This page was given as a class assignment that began as an HTML tag flow chart, followed by wire framing and finally moved on to the application of CSS and images for the completed look; all while never being able to edit the HTML document.

CSS Zen Garden header by Andrew McConville.
CSS Zen Garden header.
CSS Zen Garden body by Andrew McConville.
CSS Zen Garden body.

CSS Zen Garden can be viewed live at: http://csszengarden.andrewmcconville.com/

The Latest Posts in Digital: