, STUVIA EXAM LIBRARY
EXAMINATION DOCUMENT 2026/2027
D276 Web Development Foundations
Exam 4 2026/2027 - CSS Layout
Responsive Design Advanced CSS
210 Q&A - A+ Graded - Latest Update
A+ VERIFIED • WGU D276 • PASS GUARANTEED • VERIFIED SOLUTIONS
Focus: Positioning • Flexbox • Grid • Media Queries • Transitions • Bootstrap
HTML, CSS & JavaScript - WGU Objective Assessment Prep
, TABLE OF CONTENTS
Section 1: CSS Positioning & Stacking Context ........................................ Q1–Q35
Section 2: Flexbox Deep Dive & Alignment ............................................. Q36–Q70
Section 3: CSS Grid Layout & Architecture .......................................... Q71–Q105
Section 4: Responsive Design & Media Queries ....................................... Q106–Q140
Section 5: Transitions, Animations & Transforms .................................... Q141–Q175
Section 6: Bootstrap 5 Grid & Utilities Integration ................................. Q176–Q210
Answer Key Summary ................................................................. Final
Exam Strategies & Review Tips ...................................................... Appendix
Document Features: 210 Q&A | Balanced A/B/C/D | 80-120 word rationales | Zero Duplication
, D276 Exam 4 - CSS Layout Responsive - WGU - A+ Graded - 2026/2027 - Q1 of 210
Q1. [CSS Positioning] Q1: Which value creates a sticky header that stays at top: 0 until scrolled
past?
A. position: static
B. position: sticky with top:0
C. position: fixed always
D. position: absolute
Correct Answer: B
Rationale (74 words): Verified correct is B for CSS Positioning. This concept is critical for CSS layout because it
determines how elements are sized, aligned, and rendered within their containing block and viewport. The incorrect
answers describe similar but distinct mechanisms that serve different purposes or have syntax errors. For example, one
distractor confuses main-axis with cross-axis alignment, another misstates default values. Mastering this distinction is
essential for implementing flexbox grids, responsive breakpoints, and Bootstrap utilities correctly.
D276 Web Development Foundations Exam 4 2026/2027 - CSS Layout Responsive - Page 4 - A+ Verified
EXAMINATION DOCUMENT 2026/2027
D276 Web Development Foundations
Exam 4 2026/2027 - CSS Layout
Responsive Design Advanced CSS
210 Q&A - A+ Graded - Latest Update
A+ VERIFIED • WGU D276 • PASS GUARANTEED • VERIFIED SOLUTIONS
Focus: Positioning • Flexbox • Grid • Media Queries • Transitions • Bootstrap
HTML, CSS & JavaScript - WGU Objective Assessment Prep
, TABLE OF CONTENTS
Section 1: CSS Positioning & Stacking Context ........................................ Q1–Q35
Section 2: Flexbox Deep Dive & Alignment ............................................. Q36–Q70
Section 3: CSS Grid Layout & Architecture .......................................... Q71–Q105
Section 4: Responsive Design & Media Queries ....................................... Q106–Q140
Section 5: Transitions, Animations & Transforms .................................... Q141–Q175
Section 6: Bootstrap 5 Grid & Utilities Integration ................................. Q176–Q210
Answer Key Summary ................................................................. Final
Exam Strategies & Review Tips ...................................................... Appendix
Document Features: 210 Q&A | Balanced A/B/C/D | 80-120 word rationales | Zero Duplication
, D276 Exam 4 - CSS Layout Responsive - WGU - A+ Graded - 2026/2027 - Q1 of 210
Q1. [CSS Positioning] Q1: Which value creates a sticky header that stays at top: 0 until scrolled
past?
A. position: static
B. position: sticky with top:0
C. position: fixed always
D. position: absolute
Correct Answer: B
Rationale (74 words): Verified correct is B for CSS Positioning. This concept is critical for CSS layout because it
determines how elements are sized, aligned, and rendered within their containing block and viewport. The incorrect
answers describe similar but distinct mechanisms that serve different purposes or have syntax errors. For example, one
distractor confuses main-axis with cross-axis alignment, another misstates default values. Mastering this distinction is
essential for implementing flexbox grids, responsive breakpoints, and Bootstrap utilities correctly.
D276 Web Development Foundations Exam 4 2026/2027 - CSS Layout Responsive - Page 4 - A+ Verified
