Why isn't my tribute page responsive?

HTML-CSS
#1

Hi,

I am really getting desperate. I made a main div and set its width to 100%. Also, there are three elements inside (header, article, aside), which I set to 70%. And I made a media query for mobiles, which set the width for those elements to 100%. For some reason I can´t figure out, none of this is working and it looks like shit on mobile! :sob:

This is how the code looks like:

#main {
	width: 100%;
}



header, article, aside {
  width: 70%;
  margin: 3em auto;
  border: 1px solid #333;
  box-shadow: 5px 5px #333;
  background-color: floralwhite;
  padding: 2em 4em;
  }

Or the full project:

Do you see the reason?

Thanks a lot in advance!!!

#2

2 posts were merged into an existing topic: Help! I am not getting my tribute page responsive!

#3
#4

Please do not create duplicate topics for the same challenge/project question(s). This duplicate topic has been unlisted.

Thank you.