Category: 'layout'

A modern picture showcase using CSS

Grid template areas combined with other modern CSS make for powerful adaptable layouts. I use them here to build a picture showcase for many configurations.

Different approaches to fluid typography and layouts

Fluid web page design can be more user-friendly, because it adjusts to the user's set up. There are several approaches to achieving this.

Hiding side content in responsive design

A trick to hide content in specific responsive layout patterns without the need for media queries. But with a few gotchas.

An ode to the CSS owl selector

One off the most beautiful CSS selectors is the Lobotomized Owl Selector of Heydon Pickering

Horizontal centering in CSS

Horizontal centering is an ancient problem in CSS. CSS Grid lets us enhance the pattern, but it introduces other issues. Let's find a better solution.

Modern CSS grid solutions to common layout problems

Responsive layouts are one of the more complicated problems in CSS. With the addition of CSS grids, we are now able to solve complex problems.