A section wrapper must always expand to show all its content. Do not use `overflow:hidden` or `max-height` on a section wrapper. These properties can hide important parts of the content, like buttons.
By Pawan Nayar · from the LLOS AI Learning record
A section wrapper must always expand to show all its content.
Do not use `overflow:hidden` or `max-height` on a section wrapper. These properties can hide important parts of the content, like buttons.
Using `overflow:hidden` and `max-height` on a section wrapper can hide content. For example, buttons at the bottom of a section might disappear. This makes the content seem contained, but it actually clips parts of it. The user cannot see or click the hidden items.
A developer adds `overflow:hidden` and `max-height:75vh` to a section wrapper. This section contains a game and control buttons. When the game content grows, the buttons at the bottom of the section become invisible. The user cannot access the 'Hint' or 'Check' buttons.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
The `.movie-section` is a main part of the page. It has a warm background color.
The `.quote-carousel-section` acts as the main container. The `.quote-carousel-wrapper` sets a maximum width and adds padding.
Use `position: absolute` on the element. This takes the element out of the normal document flow.
A developer must treat mobile and desktop as two separate apps. They should use media queries to define distinct CSS layouts for each.
A section wrapper must always expand to show all its content. Do not use `overflow:hidden` or `max-height` on a section wrapper. These properties can hide important parts of the content, like buttons.