Problem: Fullscreen Section with Clamped Subheading
Problem description
Given a <section class="fullscreen-section"><h1>...</h1><p class="subheading"></p></section>, write CSS to ensure the subheading never takes more than two lines; extra text should show ellipsis. Center all content.
Goal
Ensure layout remains visually clean, regardless of subheading length.
Constraints
No JavaScript is allowed.
Do not modify HTML.
Sample visual output
Here’s what the output would look like:
Good luck trying the problem! If you’re unsure how to proceed, check the Solution.
Problem: Fullscreen Section with Clamped Subheading
Problem description
Given a <section class="fullscreen-section"><h1>...</h1><p class="subheading"></p></section>, write CSS to ensure the subheading never takes more than two lines; extra text should show ellipsis. Center all content.
Goal
Ensure layout remains visually clean, regardless of subheading length.
Constraints
No JavaScript is allowed.
Do not modify HTML.
Sample visual output
Here’s what the output would look like:
Good luck trying the problem! If you’re unsure how to proceed, check the Solution.