Problem description

Given a <section class="fullscreen-section"><img class="logo"><p class="subtext"></p></section>, write CSS so the logo and subtext are centered, stacked vertically, with spacing between them, regardless of screen size.

Goal

Stack logo and subtext in a perfectly centered column, with 24px between them.

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.