I have a new article out! Super Simple Full-Bleed & Breakout Styles

2025-10-31 19:46:48 CET

I have a new article out!

Super Simple Full-Bleed & Breakout Styles
https://frontendmasters.com/blog/super-simple-full-bleed-breakout-styles/ - my take on an old problem using modern CSS solutions.

Using a spooky made up Halloween recipe to illustrate concepts.

PS Chris Coyier (npub1t0w…zgs2) told me to be proud of it 😛

#CSS #cssLayout #cssGrid #cssVariables #containerQueries #containerQuery #code #web #webDev #webDevelopment #dev #coding #frontend #Halloween

Author Public Key

npub1ahnq52t7xsmfypa3t8c4fpprz5m2e5sg4zfsf7lfc9n2n3j5qs6sskkqax

Seen on

wss://relay.momostr.pink

Show more details

Published at

2025-10-31 19:46:48 CET

Kind type

1 Short Text Note

Event JSON

{ "id": "a7ca81dca191166a0c33c4c6ee0c9c65e33804bbb1c5905df8cb43f70554f9aa", "pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435", "created_at": 1761936408, "kind": 1, "tags": [ [ "t", "code" ], [ "t", "webdevelopment" ], [ "t", "containerquery" ], [ "t", "dev" ], [ "t", "csslayout" ], [ "t", "containerqueries" ], [ "proxy", "https://mastodon.social/@anatudor/115470264443636448", "web" ], [ "t", "frontend" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/115/470/193/747/853/388/original/f025ed9b7a437b3d.mp4", "m video/mp4" ], [ "t", "cssgrid" ], [ "t", "webdev" ], [ "t", "cssvariables" ], [ "t", "css" ], [ "t", "web" ], [ "t", "coding" ], [ "p", "5bdcf74e4c5fe59d35c5aafea27fc180237ca2f0028c933318615a48d13e0c2a" ], [ "t", "halloween" ], [ "proxy", "https://mastodon.social/users/anatudor/statuses/115470264443636448", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/115470264443636448", "pink.momostr" ], [ "-" ] ], "content": "I have a new article out!\n\nSuper Simple Full-Bleed \u0026 Breakout Styles\nhttps://frontendmasters.com/blog/super-simple-full-bleed-breakout-styles/ - my take on an old problem using modern CSS solutions.\n\nUsing a spooky made up Halloween recipe to illustrate concepts.\n\nPS nostr:npub1t0w0wnjvtlje6dw94tl2yl7psq3heghsq2xfxvccv9dy35f7ps4qktzgs2 told me to be proud of it 😛\n\n#CSS #cssLayout #cssGrid #cssVariables #containerQueries #containerQuery #code #web #webDev #webDevelopment #dev #coding #frontend #Halloween\nhttps://files.mastodon.social/media_attachments/files/115/470/193/747/853/388/original/f025ed9b7a437b3d.mp4\n", "sig": "b554bcca6e87d76edce398fa7ef6a72223a1a16fa905cb84b0b7defd1bed704ebd792912a761ea17d5cbb7bab8418ede72baf56eeb7a0b45081ac58806ade8a2" }

Ana Tudor 🐯 on Nostr: I have a new article out! Super Simple Full-Bleed & Breakout Styles - my take on an ...