Flex-box - Make content touch top of container

Hey guys,

Here’s my page I’m struggling with my footer elements at 375px> I have inside my footer ‘footer-info’ & ‘newsletter’.

  1. How can I make my ‘newsletter’ content touch the top of the div so it’s aligned with the ‘footer-info’ and inline with the huddle logo? And why is this happening? I don’t think I’ve added any margins/paddings.

Thank you.

Your form has a max-width of 25em and margin:auto. So, if it has more space than 25em, it’ll be smaller than the container, and centered (with space left and right).

1 Like

Remove h3 from here, that space will disappear.

h1,
h2,
h3,
p {
  margin: var(--margin-elements);
}
1 Like

There it is! Thank you.