Skip to content
Back to the feed
0:000:09
Rank#75
Web

CSS device-posture media query for folded screens

jhey ʕ•ᴥ•ʔ (@jh3yy) posted this video on X on , and it went viral the same day. It has 4,243 likes and 47 replies, ranking #75 of 226 viral design posts on ViralPost.

it's ok, css is already one step ahead @​media (device-posture: folded) { h1 span { opacity: 0.25; } }

Why it went viral

A short CSS snippet using the device-posture media query to dim heading spans when a foldable device is folded, shown in a video.

Likes
4,2434.2K
Replies
47
Went viral
Posted on X
Web#css#media-queries#foldable-devices

The digest

Get posts like this in your inbox every morning.

Get Pro

Pro unlocks every post like this one, the full archive and a digest in your inbox each morning.

on a yearly subscription

Pro

For individual designers and freelancers.

$10per monthbilled yearly
  • Every viral post, ranked
  • The full archive
  • The digest at 8:00 your time
  • Daily or weekly delivery
  • Designer filter
  • Unlimited search
  • Early access to new formats

Team

Recommended

For design teams, studios and agencies.

$5per member/monthbilled yearly, min 3 seats

Everything in Pro plus

  • Invite your teammates
  • One shared digest for the team
  • Team management
  • Centralized billing and invoices
  • Priority support
  • An onboarding call for your team