Opened 3 years ago
Last modified 3 years ago
#50026 new enhancement
Twenty Twenty: Full height with short content
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | trivial | Version: | |
Component: | Bundled Theme | Keywords: | has-screenshots |
Focuses: | css | Cc: |
Description (last modified by )
With the twentytwenty
theme, when the height of the content in a page does not fill up the entire viewport, the page ends up with extra trailing whitespace.
If we treat the <body>
as a flex box the page will always be filled:
body { display: flex; flex-direction: column; min-height: 100vh; } main#site-content { flex: 1 }
Attachments (1)
Change History (3)
Note: See
TracTickets for help on using
tickets.
screenshot of theme with original CSS and new CSS