Lessons Learned from Recreating a Styled Dialog

April 17, 2025

Two mobile phone mockups comparing how height: 100dvh fills the screen: one includes the browser's navigation bar, the other excludes it.

I was on the epicgames.com website the other day, signing up so I could relive my Magic: The Gathering glory days with Arena. While doing that I saw their style for modal dialogs and thought I should try to re-create that with because apparently I’m both of those types of nerd.

Source: Lessons Learned from Recreating a Styled Dialog

the <dialog> element is powerful and I think underused. Here Chris Coyier recreates a dialog he found in the wild to explore the features of the Web platform.

An excellent approach I find to investigating new features.