Mastodawn

I just don't get why anyone would use:

```
display: flex;
flex-direction: column
```

when `display: grid` is supported, shorter to write and allows for a lot more flexibility if you want more from your layout.

#CSS #code #coding #frontend #layout #web #dev #webDevelopment #webDev #cssLayout #cssGrid #cssFlexbox

Inautilo Aug 14

#Development #Techniques
Another article about centering in CSS · There’s no silver bullet for centering https://ilo.im/1664uj

_____
#Centering #Layout #Container #Text #Content #WebDev #Frontend #CSS #CssGrid #CssFlexbox

Another article about centering in CSS

This one is different, I promise. It's my advice on approaching the options we have to center an element with CSS now and what pragmatic choices we should make.

Piccalilli

Eric Mächler Jul 20

Galerie ohne Media Query erstellen nur mit CSS Display Grid (Nur CSS & HTML) [Anleitung / Tutorial]

https://video.maechler.cloud/w/8StJLB1wgV3LqYbnZv1AyL

Galerie ohne Media Query erstellen nur mit CSS Display Grid (Nur CSS & HTML) [Anleitung / Tutorial]

PeerTube

Eric Mächler Jul 19

Wie erstelle ich eine responsive Bilder Grid Galerie auch Bento Grid genannt? (HTML & CSS)

https://video.maechler.cloud/w/kFtx7HtiiyKWHHnZJdG2Zf

Wie erstelle ich eine responsive Bilder Grid Galerie auch Bento Grid genannt? (HTML & CSS)

PeerTube

Inautilo Jul 17

#Development #Techniques
Enhancement of a simple layout · Smarter layout flow using CSS subgrid https://ilo.im/165g9x

_____
#Layout #Columns #Browser #FluidDesign #WebDesign #WebDev #Frontend #CSS #CssGrid #CssSubgrid

A handy use of subgrid to enhance a simple layout

subgrid in CSS is really handy for getting a nice level of design detail in place, especially in terms of maintaining a nice reading line, as Andy shows in this article.

Piccalilli

WebHeads United Jul 8

Ready to master responsive design? Our latest blog post explores the 12-column grid system, the blueprint for creating stunning, flexible layouts that adapt to any screen. Learn how to build structured, user-friendly websites.

#WebDesign #ResponsiveDesign #CSSGrid #FrontEndDev #UIUX

Bryan King (W8DBK)Jul 7

🚀 Master CSS Grid and build stunning, responsive layouts like a pro! From complex dashboards to elegant magazine sites, this guide unlocks next-level web design. Ready to grid up? 🔥
#WebDevelopment #CSSGrid #Frontend

https://bdking71.wordpress.com/2025/07/07/mastering-css-grid-the-ultimate-guide-to-building-complex-responsive-web-layouts-like-a-pro/?utm_source=mastodon&utm_medium=jetpack_social

Mastering CSS Grid: The Ultimate Guide to Building Complex, Responsive Web Layouts Like a Pro

Master CSS Grid and revolutionize how you build complex, responsive web layouts. This expert guide takes you from foundational concepts to advanced techniques, blending practical examples with a co…

Bryan King

Show thread

Ana Tudor 🐯Jul 1

2️⃣ `feColorMatrix`: swap channels ☆ interactive demo, adaptive layout - check it out on @codepen https://codepen.io/thebabydino/full/QWopRMK

An interactive, responsive demo illustrating how `feColorMatrix` can be used to swap channels. Another very special one.

#SVG #filter #svgFilter #JS #interactive #javascript #code #coding #frontend #CSS #web #dev #webDevelopment #webDev #cssGrid #cssLayout