Help on project 4: Documentation page

Hello,

I need to complete one more story (the media query) to complete the project 4 (the documentation page) of the responsive web-design section. The error says: “media query not detected”. I have tried using firefox and chrome.

Here is my css code:

<style>
@media (max-height: 400px) { 
  
  p {
    font-size: 10px;
  }  
  }
#main-doc{
  display: grid;
  grid-template-columns: 100px auto;
  grid-column-gap: 50px;
}
.main-section {
  grid-column: 2/3;
  margin-top: 100px;
}

</style>

Thanks for your help

Can you post link to you codepen

1 Like

Sure. here it is: https://codepen.io/sam-mariassouce/pen/abBOjdR

You shouldn’t add style tags in a css file.

<style>
</style>

You only need these if you are writing your css in an html file.

1 Like

Thank you for taking the time to help me. It worked.
Have a nice one MrBondx…

1 Like