CSS Industry Standards Flashcards
7 cards from real CSS practice questions. Tap to flip, then mark Knew It or Still Learning โ missed cards come back until you master them.
Read the first 7 CSS Industry Standards flashcards as text
What is the recommended modern layout standard for two-dimensional grid-based designs?
Answer: CSS Grid Layout
CSS Grid is the industry standard for building two-dimensional row and column layouts.
Which layout module is the standard choice for one-dimensional distribution of items?
Answer: Flexbox
Flexbox is designed for one-dimensional layouts along a single row or column.
What is the industry-standard approach for building layouts that adapt across screen sizes?
Answer: Responsive design with media queries
Responsive design uses fluid layouts and media queries to adapt to any viewport.
Which preprocessor is widely adopted in industry to extend CSS with variables, nesting, and mixins?
Answer: Sass
Sass is a popular CSS preprocessor adding variables, nesting, mixins, and functions.
What does the term 'mobile-first' mean in CSS development standards?
Answer: Base styles target small screens, then scale up
Mobile-first writes base styles for small screens and uses min-width queries to enhance larger ones.
Which CSS feature is the standard for testing whether a browser supports a given property?
Answer: @supports feature queries
The @supports at-rule conditionally applies CSS based on feature support detection.
What is the WCAG-recommended minimum contrast ratio standard for normal body text?
Answer: 4.5:1
WCAG AA requires a contrast ratio of at least 4.5:1 for normal-sized text.