Page responsive

Community feedback

• 

  arey•350

  @arey-devPosted over 2 years ago

  Congratulations on completing this challenge! but there is a slight issue in your code. Only the mobile design is visible.

  Here is why: @media only screen and (min-width: 375px) and (max-width: 1440px)

  you styled the mobile design in the between the range of 375px - 1440px width.

  Maybe you just got confused a little bit. I know you can fix this issue right away, Happy Coding!

  Marked as helpful

  1

  ---

  

  María Antonieta•100

  @Maromani248Posted over 2 years ago

  @arey-dev oh, yes! Thank you for the advice!

  0

  

  María Antonieta•100

  @Maromani248Posted over 2 years ago

  @arey-dev Sorry, but I can't fix these issue. I changed

  @media only screen and (min-width: 375px) and (max-width: 1440px) to

  @media only screen and (max-width: 1440px) but not working. Help me, please.

  0

  

  arey•350

  @arey-devPosted over 2 years ago

  @Maromani248 set the max width to 612px. When setting max-width on media query, you are basically telling CSS to have certain styles up to certain screen size, which in this case, is the max-width:612px.

  • Try reading this this article for more information: Media queries
  • Or watch Kevin Powell on youtube. His channel focuses on CSS, you will surely learn a lot.

  I hope this helps.

  1

  

  María Antonieta•100

  @Maromani248Posted over 2 years ago

  @arey-dev oh, thank you so much! I've read and match those videos. Everything works for me.

  1