A glossary grid must use either uniform card heights or content-driven card heights. Mixing these two styles makes the grid look broken. The choice depends on how the user will read the glossary.
By Pawan Nayar · from the LLOS AI Learning record
A glossary grid must use either uniform card heights or content-driven card heights.
Mixing these two styles makes the grid look broken. The choice depends on how the user will read the glossary.
There are two main ways to arrange glossary cards in a grid. The first way is to make all cards the same height. This creates a clean, even look. It helps users quickly scan many terms. The second way is to let each card's height change based on its content. This means some cards will be taller than others. This ensures the user sees the full definition without needing to click or scroll. A developer should choose one method and use it for all cards. Do not mix uniform and content-driven heights. This can make the grid appear messy or incomplete to the user.
A developer is building an online dictionary. The developer wants users to quickly find a word and see its full meaning. If the developer uses uniform card heights, some definitions might be cut off. This would force the user to click to read more. If the developer uses content-driven heights, all definitions are fully visible. The user can read each definition without extra steps.
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.
A developer must avoid gray text on light backgrounds. This is a common mistake in AI-generated designs.
A developer should reset the scroll position of a reusable panel or modal. This action must happen before the panel or modal displays new content.
A page with much content needs a scrollbar. The footer should not always be visible.
A developer should never release an HTML page with basic, dark-themed styling. Even a temporary search tool must look good.
A glossary grid must use either uniform card heights or content-driven card heights. Mixing these two styles makes the grid look broken. The choice depends on how the user will read the glossary.