grid

This article is a stub. You can help the IndieWeb wiki by expanding it.

grid (or CSS grid) is a CSS property to display content in a grid layout.

IndieWeb Examples

This section is a stub. You can help the IndieWebCamp wiki by expanding it.

Examples of IndieWeb sites using CSS grid based layouts!

gRegor Morrill

gRegor Morrill: I've been migrating some components on gregorlove.com to use CSS grid if the browser supports it (using the @supports CSS rule). Responses to post are shown as citations with grid for layout of the avatar and response content:

• https://gregorlove.com/2023/12/i-dont-post-about/

I worked on a CSS grid photo gallery concept, demoed at 2019/Austin, but have not implemented it beyond that yet:

• https://gregorlove.com/2019/02/my-two-projects-for-todays/

indiebookclub

indiebookclub uses CSS grid in the overall page header and in the entry headers that display the post's author:

• Example: https://indiebookclub.biz/users/gregorlove.com

Add yourself!

Add yourself here… (see this for more details)

Resources

• https://gridbyexample.com
• https://codepen.io/michellebarker/post/building-an-aspect-ratio-css-grid-layout

See Also

• CSS
• "The grid, a digital frontier..."