Development · Beginner
Creative coding with CSS
An expressive interface built around responsive CSS and a small visual vocabulary. Practise intrinsic layout, reusable visual rules and the finishing details that keep difficult content readable and easy to change.
Written by Akis Apostoliadis for Skillfolio · 3 written lessons · Self-paced
Checking purchase availability…
Course price: $49 USD, plus applicable tax. One payment for this course. Compare all-course package prices: $29/month or $299 lifetime.
What you’ll make
A responsive editorial card composition built with reusable CSS rules.
Before you begin
Basic HTML: headings, paragraphs, links, and classes.
Who it’s for
HTML and CSS learners building a flexible visual component.
- CSS Grid
- Responsive layout
- Custom properties
The complete curriculum
Preview the first lesson free. Purchase unlocks the remaining lessons, project and downloads.
Let the browser share the work
Build an intrinsic card grid that responds to its container without fragile device-specific widths.
21 min read · 45 min practice · Free preview
Build a small visual vocabulary
Create role-based CSS variables and a coherent visual vocabulary that survives a theme change.
20 min read · 45 min practice · Included with purchase
Polish the edges
Turn an attractive grid into a resilient, keyboard-usable component through targeted stress checks.
21 min read · 60 min practice · Included with purchase
See the work
Content sets the constraints. Completed instructor specimen using fictional teaching material; not a learner result.This course works towards: A responsive editorial card composition built with reusable CSS rules.
Explore completed teaching examples and the decisions behind them. These are instructor-authored examples, not learner testimonials.
What’s included
- Original written lessons, worked examples and guided practice.
- A course project, review criteria and reference responses.
- Downloadable course materials for purchased lessons.
Explore the course before committing. Start with the free lesson, or compare other courses.