Responsive using CSS Display flex

Hi! Congrats on finishing this challenge! On your next project, consider using CSS variables so you can reuse values, like this:

:root {
  /* COLORS */
  --primary-dark-cyan: hsl(158, 36%, 37%);
  --primary-cream: hsl(30, 38%, 92%);
  --neutral-dark-blue: hsl(212, 21%, 14%);
  --neutral-grayish-blue: hsl(228, 12%, 48%);
  --neutral-white: hsl(0, 0%, 100%);
  --link-color: hsl(228, 45%, 44%);

  /* TYPOGRAPHY */
  --sans: "Montserrat", sans-serif;
  --serif: "Fraunces", serif;
}

body {
  height: 100vh;
  width: 100vw;
  background-color: var(--primary-cream);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

I took this piece of code from another challenge I completed, but you can get the idea. You can set variables and reuse them all over your style sheet with var(--name).

Hope this feedback was help to you! Keep on coding!