Zen Garden
- Betty
- Feb 3, 2023
- 1 min read
Overview
CSS Zen Garden is a website about CSS design. It's goal is to invite users to take the content of the site (the HTML) and design it as you please.
Role: Web Design, Web Development
Date: January-February 2020
Behind the Screen
This was an assignment given to me in my web design class. We were taught the basics of HTML and CSS, and were expected to modify the site with what we had learned. The content of the website was also provided by the original CSS garden website.
The Vision
I wanted to create a simple website that portrayed peace and nature as it was a "Zen Garden."
The Design & Development
I sketched out my idea and then looked up color palettes online. Once I had the colors I designed a rough draft on Adobe XD. I used plain HTML and CSS for this project (no cool frameworks, I know I know). However, I still used CSS to create animations on the text as well as hover effects.
The Final Product
Original Zen Garden Website:
My Zen Garden
Comments