CSS Zen Garden

The CSS Zen Garden is a World Wide Web development resource. The goal of the site is to showcase what is possible with CSS-based design. Style sheets contributed by graphic designers from around the world are used to change the visual presentation of a single HTML file, producing hundreds of different designs. Aside from reference to an external CSS file, the HTML markup itself never changes. All visual differences are the result of the CSS (and supporting imagery). The site has been translated into multiple languages.

We were given the task to change the appearance of one of the pre-made CSS Zen Garden layouts to see how much the appearance of a layout can change by simply editing the CSS

Before

After