I'm trying to create a Responsive Web page with the only use of media queries but I could not...
I already added the following breakpoints...
@media screen and (max-width: 991px) {}
@media only screen and (max-width: 600px) {}
@media screen and (max-width:525px) {}
I got an error in the size of 360px...
please anyone can help me to solve this problem I don't know what is the exact problem
yes, you can create a responsive web page using media queries. You can use min-width or max-width but the best approach is the mobile-first architecture. Please add your source code to figure out what went wrong.
Yes it is possible to make a responsive page using media queries, you should define your queries for the resolutions instead;
@media screen and (min-width: 1400px) {}
@media only screen and (min-width: 700px) {}
@media screen and (min-width:450px) {}
And try using a resizable screen to always check and also width:auto; for internal containers and overflow:scroll should help you do a nice work overall