Pens from Morten Rand-Hendriksen https://codepen.io/mor10/ en nospam@codepen.io Copyright 2024 2023-04-18T21:47:31-07:00 A Pen by Morten Rand-Hendriksen https://codepen.io/mor10/pen/RweGKvo https://codepen.io/mor10/pen/RweGKvo Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
A Pen by Morten Rand-Hendriksen 2023-04-18T21:47:31-07:00
A Pen by Morten Rand-Hendriksen https://codepen.io/mor10/pen/rNGMvNd https://codepen.io/mor10/pen/rNGMvNd Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
A Pen by Morten Rand-Hendriksen 2021-12-10T22:13:22-07:00
Component with conditional layout using subgrid and named lines defined with custom properties https://codepen.io/mor10/pen/jOwXVyP https://codepen.io/mor10/pen/jOwXVyP Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
Component with conditional layout using subgrid and named lines defined with custom properties 2021-09-27T23:31:20-07:00
Issue: subgrid fallback when no parent grid is available https://codepen.io/mor10/pen/ZEyVpZb https://codepen.io/mor10/pen/ZEyVpZb Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
Issue: subgrid fallback when no parent grid is available 2021-09-28T00:30:16-07:00
A Pen by Morten Rand-Hendriksen https://codepen.io/mor10/pen/QWvzePO https://codepen.io/mor10/pen/QWvzePO Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
A Pen by Morten Rand-Hendriksen 2021-08-10T20:40:59-07:00
ch unit in media queries acts in unexpected ways https://codepen.io/mor10/pen/wvJVZwv https://codepen.io/mor10/pen/wvJVZwv Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
ch unit in media queries acts in unexpected ways 2021-06-25T17:41:17-07:00
CSS Grid Refactor of ReadME Project Website https://codepen.io/mor10/pen/wvgjQrN https://codepen.io/mor10/pen/wvgjQrN Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

Experimental refactoring of the ReadMe Project website using CSS grid and subgrid, created as part of Morten Rand-Hendriksen's An Event Apart Spring Summit 2021 presentation "Modern Tools, Modern Layouts, Modern Web." See The ReadME Project for the full article.

]]>
CSS Grid Refactor of ReadME Project Website 2021-04-14T21:55:03-07:00
Advanced figure card using CSS grid. https://codepen.io/mor10/pen/oNBdamz https://codepen.io/mor10/pen/oNBdamz Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

A card with drop-shadow, background image, several text elements, and a featured image, all marked up in a standard <figure> element and styled using CSS grid.

]]>
Advanced figure card using CSS grid. 2021-04-14T21:04:27-07:00
A Pen by Morten Rand-Hendriksen https://codepen.io/mor10/pen/VgBNJN https://codepen.io/mor10/pen/VgBNJN Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
A Pen by Morten Rand-Hendriksen 2019-02-13T19:52:27-07:00
ExampleEdit https://codepen.io/mor10/pen/OwNWKa https://codepen.io/mor10/pen/OwNWKa Morten Rand-Hendriksen

See the Code - See it Full Page - See Details

]]>
ExampleEdit 2018-07-16T18:37:21-07:00