Blog

A developer adds clear: both; to a footer that follows a floated image in the markup. What visible change should this produce compared to not having any clear declaration at all?

Given that margins add up rather than overlap inside a flex container, what should be used instead of `margin` for consistent spacing between flex items?

A nonprofit legal aid clinic’s sidebar nav has five links, and the visitor is currently on the “Careers” page. How does the deck’s pattern show that visually in the markup?

Aperture Photography Studio is trying to decide whether a long ‘About the Studio’ article should use CSS columns or a table to create a multi-column reading layout. Which is the better fit, and why?

Cascade Veterinary Clinic wants its header’s login button to sit at the very bottom edge of the header, ignoring the taller logo next to it. Which `align-items` value does that?

A developer wants an element to be pushed below any floated element on its left side, but is fine sharing space with something floated on its right side. Which clear value matches that requirement exactly?

Wanderlust Travel Agency has a flex item containing a long, unbroken booking-confirmation URL that refuses to shrink and breaks out of its container on narrow screens. What’s causing that?

A martial arts dojo uses tags for its nav icons but leaves the alt attribute empty on each one, with no visible text label either. What accessibility gap does this create?

A community theater’s dropdown correctly uses both :hover and :focus-within, but a visitor testing with a keyboard says the submenu still closes the instant they tab from the parent link onto the first sub-link. What does this suggest?

Riverside Dental’s patient-instructions page needs to show a temperature like ‘98.6 degrees’ and a dosage like ‘one-half tablet’ using the proper symbols. Which two entities render the degree symbol and the one-half fraction, respectively?