Rapid-fire answers, one question per page. For long-form treatment see the FAQ and Cookbook.
Questions#
- How do I center an element both ways?
- How do I make a sticky navbar?
- How do I hide an element on mobile?
- How do I make text truncate?
- How do I create equal-height cards?
- How do I make a responsive image?
- How do I add space between siblings?
- How do I overlay one element on another?
- How do I make a pill badge?
- How do I style focus visibly?
- How do I dim the page behind a modal?
- How do I build a two-column layout?
- How do I make full-width sections inside a container?
- How do I align icons with text?
- How do I build a simple tooltip?
- How do I stripe table rows?
- How do I keep a footer at the bottom?
- How do I make a horizontal scroller?
- How do I tint a background with transparency?
- How do I make gradient text?
- How do I make a circular avatar?
- How do I indent a blockquote?
- How do I style kbd keys?
- How do I show line numbers in prose?
- How do I make an input with an icon?
- How do I highlight the active nav item?
- How do I build a divider with a label?
- How do I make a callout box?
- How do I make a loading spinner?
- How do I make a progress bar?
- How do I build breadcrumbs?
- How do I make a responsive table?
- How do I pin an element to the corner?
- How do I make text wrap nicely?
- How do I number a list of steps?
- How do I make hover-only elements discoverable?
- How do I create section rhythm?
- How do I align numbers in a column?
- How do I cap line length?
- How do I build a simple grid of icons?