@DavidMorgade
Posted
Hello Aman, great job getting the solution for the challenge, congratulations!
If you don't mind, I would like you to give a little tip regarding your media queries.
-
It seems that you are using
display: none
to hide yourmain
and rendering a new main for mobile, instead of that just try to style your already structured html file to get it to work on diferent sizes, you can try for example using a Mobile first approach (building first for mobile and then for desktop). -
Also you are using a
@media(max-width: 375px)
, this will only target sizes from 0 to 375px, it will miss the mayority of mobile screens, try setting up it until@media(max-width: 768px)
instead, this will target all kind of mobile screens, and shift correctly on desktop mode!
Hope my feedback helps you!, if you have any question, don't hesitate to ask! Good job!
Marked as helpful
@AmanGupta1703
Posted
@DavidMorgade Thank you! π