@arey-dev
Posted
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
@Maromani248
Posted
@arey-dev oh, yes! Thank you for the advice!
@Maromani248
Posted
@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.
@arey-dev
Posted
@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.
@Maromani248
Posted
@arey-dev oh, thank you so much! I've read and match those videos. Everything works for me.