Which statement best describes progressive enhancement in CSS?

Which statement best describes progressive enhancement in CSS?

• A. Start with a base experience that works without advanced features, then add features for capable browsers.
• B. Always require advanced features first
• C. Only use grid as base
• D. Use JavaScript to implement CSS features

Answer: (A)

Progressive enhancement in CSS means starting with a baseline that works for all browsers and devices, then adding enhancements for those that support newer CSS features. The key idea is that essential content and layout remain functional without advanced features, and extra styling or layouts are layered on only when available, often using feature queries to apply enhancements conditionally. This approach helps preserve accessibility and performance across environments. The other approaches—requiring advanced features first, using a single modern layout as the base, or replacing CSS features with JavaScript—don't align with this mindset because they can break compatibility or rely on scripting for presentation.

Progressive enhancement in CSS means starting with a baseline that works for all browsers and devices, then adding enhancements for those that support newer CSS features. The key idea is that essential content and layout remain functional without advanced features, and extra styling or layouts are layered on only when available, often using feature queries to apply enhancements conditionally. This approach helps preserve accessibility and performance across environments. The other approaches—requiring advanced features first, using a single modern layout as the base, or replacing CSS features with JavaScript—don't align with this mindset because they can break compatibility or rely on scripting for presentation.