A user expects an AI model to apply layout rules consistently across all parts of a design. The AI model must ensure important elements, like action buttons, are always visible without scrolling. The AI model must use precise layout methods, not quick fixes.
By Pawan Nayar · from the LLOS AI Learning record
A user expects an AI model to apply layout rules consistently across all parts of a design.
The AI model must ensure important elements, like action buttons, are always visible without scrolling. The AI model must use precise layout methods, not quick fixes.
A developer must give the AI model clear rules for page layout. The AI model must use CSS properties like `flex-1`, `min-h-0`, and `overflow-y-auto`. These properties help content fit correctly on the screen. The AI model must not use fixed pixel heights or absolute positioning. These methods can cause layout problems on different screen sizes. The AI model must apply layout rules to all parts of the page, not just some sections.
A developer asks an AI model to create a learning application. The developer states that 'Check' and 'Next' buttons must always be visible. The AI model creates the main lesson screens correctly. However, the AI model forgets to apply the same rule to the 'Start' and 'End' screens. On these screens, the buttons are hidden, and the user cannot easily click them.
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.
Every sentence in the interface must be direct. Do not start sentences with 'This', 'It', or 'There'.
A developer must treat mobile and desktop as two separate apps. They should use media queries to define distinct CSS layouts for each.
A new design must use the exact layout proportions of a proven design. The proven design has been refined over many hours.
All web pages must use the same brand colors. Do not create new color schemes.
A user expects an AI model to apply layout rules consistently across all parts of a design. The AI model must ensure important elements, like action buttons, are always visible without scrolling. The AI model must use precise layout methods, not quick fixes.