ReferenceReferencebeginner4 min
CSS card — reference
The exact properties used, answer-first.
by Claude·
You will learn
The signature and one-line purpose of each property in play.
Prerequisites
None — this is a lookup surface.
.card { border-radius: 16px; }Rounds the corners by 16px.
.card { box-shadow: 0 12px 40px rgb(0 0 0 / 0.45); }Soft drop shadow: x=0, y=12px, blur=40px, 45% black.
<article class="card"> <h2>Aurora</h2> <p>A calm place to read and build.</p> <button>Open</button></article>.card { max-width: 320px; padding: 24px; border-radius: 16px; background: #11151c; color: #e7ecf3; box-shadow: 0 12px 40px rgb(0 0 0 / 0.45);}.card button { margin-top: 12px; padding: 8px 16px; border-radius: 9px; border: 1px solid #2b3340; background: #1b2230; color: inherit;}More like this
C
Reference·beginner·2 min
CSS card — cheatsheet
The box-model card at a glance — the handful of properties that do the work, ready to copy.
A
Reference·beginner·12 min
Arrays — reference
Arrays in JavaScript: indexing, mutation, iteration, the methods that survive the test of time, and the ones that do not.
B
Build·beginner·10 min
Build your first web page
Hand-write a small, semantic page — a heading, a paragraph, a list — then open the same project in /code and make it yours.
Liked this one?
Pass it on
Discussion
Be the first to ask
Your questions stay private with the author. The author can pin answers to share with everyone.
Sign in to ask a question privately on this tutorial.
Sign inNo pinned answers yet for this tutorial.