How to make a fully responsive Website?

Question

When I check breakpoints on my computer, it works well. If I open it with my phone which has the same screen size, DIVs become larger and horrible to look at, What should I do?

Answer 1

For responsive page you should have a wireframe first for different devices. It will help you to style elements easily. Try to avoid unit like px amap and use responsive unit like em,rem,vh,vw,ch,% properly.
Flexbox and grid are there for more better result.
Use mediaquery breakpoint well.

One can better explain it to you if you 🔗 your code here.

Answer 2

At least post your code so you can see how you tried to solve this problem. Here's a link to a responsive design course and my example:

https://www.sololearn.com/Course/Responsive-Web-Design/?ref=app

https://code.sololearn.com/WuURFRZPW39x/?ref=app

Answer 3

css media queries or a framework like bootstrap which still uses media queries but makes things easy for you .

Answer 4

Hi! Please how to, learn course Responsive design here

Answer 5

use media querys for complete responsive website & u can use Css frameworks

Answer 6

Use tailwinds or bootstrap