Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
box model

4 Articles
{
,

}
Image
Direct link to the article We Completely Missed width/height: stretch
box model css properties layout

We Completely Missed width/height: stretch

The TL;DR is that stretch does the same thing as declaring 100%, but ignores padding when looking at the available space.
Image
Daniel Schwarz on Oct 10, 2025
Image
Direct link to the article How Well Do You Know CSS Layout?
box model layout learning

How Well Do You Know CSS Layout?

The difference between a CSS good experience and a long frustrating one is oftentimes a matter of a few small details. CSS is indeed nuanced. One of the most common areas where I see struggles is layout. Personally, I like …

Image
Brad Westfall on Jan 15, 2019
Image
Direct link to the article Breaking down CSS Box Shadow vs. Drop Shadow
box model filter shadow

Breaking down CSS Box Shadow vs. Drop Shadow

Drop shadows. Web designers have loved them for a long time to the extent that we used to fake them with PNG images before CSS Level 3 formally introduced them to the spec as the box-shadow property. I still reach …

Image
Geoff Graham on Oct 20, 2017 Updated on Jan 27, 2023
Image
Direct link to the article The CSS Box Model
box model

The CSS Box Model

At the risk of over-repeating myself: every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We’ve talked …

Image
Chris Coyier on Jun 1, 2009 Updated on Feb 18, 2021

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement