Styling an HTML dialog modal to take the full height of the viewport
maxloh Sunday, March 16, 2025
Summary
This article discusses a CSS solution to make a dialog box or modal window take up the full height of the viewport, even when the content inside is shorter than the screen. The key is to use the CSS property `height: 100vh` along with `display: flex` and `flex-direction: column` to ensure the dialog content fills the available space.
46
41
Summary
til.simonwillison.net