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

CodePudding user response：

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

CodePudding user response：

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.