Is it possible to create Responsive Web page using only media queries?

Issue

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

Solution

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

Answered By - Bright umor