css·now

Topics

overall progress4 / 49

Flexbox

Enable a flex container

Add display: flex to .container to make it a flex container.

CSS style.css

Target goal

Output live

checks:

Starters

Saved

HTML index.html

CSS style.css

Preview

sandbox

css·now

Learn CSS by doing.

css·now is a browser-based CSS learning environment. Write real CSS, see live results, and build understanding through practice — not reading.

Challenges Structured exercises with a target output to match. Topics cover Flexbox, Grid, Animations, Variables, Selectors, and Responsive design.

Sandbox A free HTML and CSS editor with live preview. Save snippets locally, export to a standalone file, or share via URL.

Reference & definitions Every property has a description, accepted values, and a live example. Complex concepts like the cascade are explained inline.

No account needed. Progress saves to your browser.