How do I make a website responsive?

Question

I am currently learning web development and I am now able to do almost everything on a static website, however one thing I am mostly not able to do is to make a website responsive, any piece of advice would make a great difference for me.

Regards :)

Answer 1

1. Media Queries

2. Bootstrap

3. Material UI

Answer 2

Look into bootstrap. It’s a comprehensive css framework that should give all you need. All you have to do is use their markup. On top of this you will learn UI best practises.

Answer 3

Css breakpoints.

Check out responsiveness course from Kevin Powell. Short, but does a good job of making someone understand the responsiveness and writing good html in general.

I have seen people write so bad html templates and css in production code. Please don't turn out to be like those and give proper importance to html and css.

Yes. And don't make the mistake of running after frameworks like what many are suggesting.

Just get a good enough understanding of html, css and Javascript. Frameworks can wait and can easily be learned and un-learned. Don't run after any of the fancy stuffs like bootstrap, React, Angular etc until you are comfortable enough with html, css and js.