HTML & CSS / Adaptable interfaces

HTML & CSS β€” Adaptable interfaces

Flexible layouts, typography, media, and complete form states.

6 lessons Β· No account required

What you will learn

  • Flexible layouts, typography, media, and complete form states.

  1. Flexible one-dimensional layout

    Use Flexbox for a row or column of related items while accounting for intrinsic sizes, wrapping, and source order.

    Start learning

  2. Grid tracks and intrinsic sizing

    Create two-dimensional relationships while distinguishing track fractions, minimum content pressure, and deliberate placement.

    Start learning

  3. Responsive layout and media conditions

    Adapt layouts to content and available space while preserving zoom, orientation, and input flexibility.

    Start learning

  4. Typography, color, and writing direction

    Build readable text systems that adapt to user settings, language, bidirectional content, and visible interaction states.

    Start learning

  5. Responsive images and media sizing

    Choose appropriate image resources, preserve aspect ratios, and distinguish resource selection from layout and text alternatives.

    Start learning

  6. Form layout, focus, and error states

    Style forms without losing labels, native behavior, keyboard visibility, or actionable feedback.

    Start learning
Back to course