“layout”

• A modern picture showcase using CSS

  January 6, 2025 My newest favorite way to create adaptable and flexible layouts is by using grid template areas. Especially combined with other modern CSS solutions it becomes extremely powerful. In this article, I use it to create an adaptable picture showcase that can handle many different configurations.

• Different approaches to fluid typography and layouts

  March 7, 2023 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

  February 24, 2023 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

  March 5, 2022 One off the most beautiful CSS selectors is the Lobotomized Owl Selector of Heydon Pickering

• Horizontal centering in CSS

  June 20, 2021 Horizontal centering is an ancient problem in CSS. With CSS Grid we are able enhance this layout pattern. But, this gives us other issues. Let's find a better solution.

• Modern CSS grid solutions to common layout problems

  July 6, 2020 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.

• Fluid interfaces using CSS

  June 27, 2020 Fluid interfaces allow you scale elements of your website based on on the available space, without using media-queries