CSS Essentials banner

CSS Essentials

3 devlogs
6h 25m 26s

A learning platform developed for a workshop to help classmates understand advanced CSS concepts beyond traditional textbook material.

Loading README...

prasoon

Shipped this project!

Hours: 6.42
Cookies: 🍪 142
Multiplier: 22.11 cookies/hr

I made a website to teach my friends CSS outside of our traditional textbooks. I was a great revision for me and fun to present infront of all classmates.

prasoon

Final Update:
I added all the lessons which were marked coming soon and made a proper README.md for the project.

Attachment
0
prasoon

I noticed some issues with meta tags, so I added all the essential SEO and social card meta tags.

After that, I started expanding content. I added a Layout Methods page, which felt necessary to properly explain different CSS layout techniques. Then, I made the navigation between the pages more managed. I also fixed the issues with the media queries too. I plan to expand the content more today.

Attachment
Attachment
Attachment
0
prasoon

Started with blank HTML, CSS, and JS files. Built a workshop site to teach CSS to classmates outside of the traditional textbook material.

What I built:
Responsive navbar with dropdown menu and hamburger for mobile
Clean hero section
About section explaining the workshop purpose
Topics grid showing available and upcoming lessons
Interactive pseudo-selectors (lesson) with working examples

Attachment
0