3rd project of Responsive Design (problem)

Hi,

I am missing the first part in my display. What did I do wrong? :

Thanks Coders!

Hello Mr. P.

A quick fix:

#hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 200px;
  margin-top: 50px; /*Change this to 220px*/
}

That is the same height as your header element, which is in the way.

Hope that helps

Thanks Sky020 for helping out :slight_smile:

I still have a problem with my link 'How it works", when I click on it, it doesn’t refer to the youtube channel.

and, when I run the program I only get 2/17?

In general, you should not, and cannot, have spaces in the values of element attributes. So, change your hrefs to something like:
href="how-it-works"

I hope that helps.