Styling and Interactions

Jump to bottom

Isaac edited this page Jul 22, 2026 · 2 revisions

This section is for changes to the site's appearance or interactive controls. If you are only changing text or data, you probably do not need it.

Change appearance and layout

Use Styling and Responsive Design for:

colors, spacing, fonts, and component appearance;
phone, tablet, and desktop layouts;
overflow and text wrapping;
reduced-motion styling.

Change interactive behavior

Use Accessible Interactions for:

JavaScript behavior;
keyboard and screen-reader support;
the mobile navigation menu;
homepage flip cards;
mouse, touch, and hybrid-device testing.

Changes to interactive components often require both guides because their CSS, HTML, and JavaScript work together.

Next: Styling and Responsive Design