What do you mean when you say "level one header"?

Question

I'm not sure what this question is asking for. There is no "level one header" so I have to assume they want me to change the font-size of the h1 tag. Apperntly that is not correct either though. Please tell me what you mean when you say "change the size of the level one header".
here is the css for the question :
body {
  font-family: 'Nunito', sans-serif;
  font-weight: 100;
  font-size: 1.25em;
  color: #faf3bc;
  background-color: #420600;
}
.grid1 { width: 15.625%; } /* 125px/800px = 15.625% */
.grid2 { width: 32.5%; } /* 260px/800px = 32.5% /
.grid_3 { width: 49.375%; } / 395px/800px = 49.375% /
.grid_4 { width: 65.625%; } / 525px/800px = 65.625% /
.grid_5 { width: 83.125%; } / 665px/800px = 83.125% /
.grid_6 { width: 100%; } / 800px/800px = 100% */
@media screen and (max-width: 705px){
.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6 {
    width: 100%;
}
  img {display: none;}
}
.alpha { margin-left:0; }
.omega {margin-right:0; }
.container{
  width: 90%;
  max-width: 800px;
  padding: 4% 0;
  margin: auto;
}
img {
  max-width: 100%;
}
h1 {
  font-size: 1.750em;
  line-height: 1.25em;
  font-weight: 100;
  letter-spacing: -2.75px;
}
h2 {
  font-weight: 100;
  font-size: 1.15em;
  color: #b4c34f;
}
.cupcake {
  box-sizing: border-box;
  background-color: #faf3bc;
  padding: 8px;
  margin: 0 0 5% 0;
}

Michael Pare · Accepted Answer

"level one header" does refer to the h1 tag. I assume you tried using the h1 tag inside the media query and it threw you an error?
I just tried it and got the same thing. The problem  is with where you have your media query. Since it is higher in the cascade than the h1 declaration, it is getting overridden by the h1 styling that is declared later.
If you make the adjustment to the h1 and put your media query at the end of the file, it will work.

Welcome to the Treehouse Community

Looking to learn something new?

benwoodruff

benwoodruff

What do you mean when you say "level one header"?

1 Answer

Michael Pare

Michael Pare

benwoodruff

benwoodruff

Michael Pare

Michael Pare