Max Böck - Playing with CSS Container Queries

View this email in your browser

Playing with Container Queries

6 MINUTE READ
Hi Reader! Have you heard about Container Queries? They are one of the most anticipated new features in CSS. I recently got a chance to play with them a bit and take the new syntax for a spin - so I built this demo bookstore.

Each of the books is draggable and can be moved to one of three sections, with varying available space. Depending on where it is placed, different styles will be applied to the book.

The whole thing is up on Codepen (though you need the latest Chrome Canary to see Container Queries at work) and I've written a behind-the-scenes post to explain what's going on and why I think it's exciting.

Is that something you're interested in?
Read The Full Post
All the best,


@mxbck

Don't want to receive my emails anymore? That's alright.
unsubscribe with one click.


Copyright © 2021 Max Böck, All rights reserved.
You are receiving this because you subscribed to my email list on https://mxb.dev

Mailing Address:
MXB
Antonigasse 55
Vienna 1170
Austria

Add us to your address book


Email Marketing Powered by Mailchimp

Older messages

Webmention Analytics

Sunday, February 7, 2021

I built a tool to analyze webmentions! This new side project generates monthly reports to see how and where your content is mentioned. View this email in your browser Webmention Analytics 2 MINUTE READ

Vienna Calling

Tuesday, July 28, 2020

A free livestreamed meetup, featuring Andy Bell, Cassie Evans and more! View this email in your browser Vienna Calling: Free Online Meetup LIVESTREAM TOMORROW Hey Reader! Just wanted to let you know

The web could use a bit more fun 🎉

Wednesday, July 1, 2020

It used to be cooler. It used to be weirder. View this email in your browser The Whimsical Web 2 MINUTE READ The web needs to take itself less seriously. It's barely out of its twenties and

You Might Also Like

Charted | The Carbon Footprint of Major Travel Methods 🌐

Friday, May 3, 2024

Transport accounts for nearly one-quarter of global energy-related CO2 emissions. This chart shows the carbon footprint of travel methods. View Online | Subscribe Presented by: Morningstar Discover the

Apple's AI Strategy, At Your Service

Friday, May 3, 2024

The relative calm before the "AI, AI, AI, AI, AI" storm... Apple's AI Strategy, At Your Service By MG Siegler • 3 May 2024 View in browser View in browser At one point during Apple's

5 gadgets I never fly without

Friday, May 3, 2024

How to save on internet; BYO AI; Gemini features we need; Prime Day 2024 -- ZDNET ZDNET Tech Today - US May 3, 2024 placeholder I fly 10 times a year. These 5 tech gadgets are lifesavers From recording

⚙️ Microsoft bans the police from using their AI

Friday, May 3, 2024

Plus: The first AI diplomat is here ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Weekend Read: Private and Medical AI 🕵️‍♀️

Friday, May 3, 2024

Don't accidentally train GPT-5 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Microsoft thinks generative AI and faces shouldn’t mix

Friday, May 3, 2024

The company has banned its AI from being used for face recognition View this email online in your browser By Alex Wilhelm Friday, May 3, 2024 Welcome to TechCrunch AM! Today, we have notes on

Issue #539: Discord with Colyseus, parametric surface, and StrikeForce Kitty

Friday, May 3, 2024

Weekly newsletter about HTML5 Game Development. Is this email not displaying correctly? View it in your browser. Issue #539 - May 3rd 2024 If you have anything you want to share with the HTML5 game

Peloton's grim post-pandemic reality

Friday, May 3, 2024

The Morning After It's Friday, May 03, 2024. Peloton had a great pandemic. It's a weird thing to say, but the company's premium exercise equipment (expanding from bikes to treadmills and

Four Critical Vulnerabilities Expose HPE Aruba Devices to RCE Attacks

Friday, May 3, 2024

THN Daily Updates Newsletter cover Enterprise Transformation to AI and the Metaverse ($59.99 Value) FREE for a Limited Time Strategies for the Technology Revolution Download Now Sponsored LATEST NEWS

Post from Syncfusion Blogs on 05/03/2024

Friday, May 3, 2024

New blogs from Syncfusion Create Interactive Floor Planner Diagrams using Blazor Diagram Library By Keerthivasan R This blog explains how to create interactive floor planner diagrams using the