How to make a responsive css for my site.

They have: 7 posts

Joined: Nov 2014

Hello I am new in web development. I wanna know that How to make a responsive css for my site.

They have: 2 posts

Joined: Mar 2015

It's simple... don't use static width's/height's.. and if you are using them then you should make some media queries for devices which are 800pixels or smaller

Building websites since 2004 - Webdesign Almelo - Webdesign Enschede

itommy's picture

They have: 5 posts

Joined: May 2015

Using CSS frameworks like bootstrap or sketchton responsive to integrate into your site.

It is easy and make your site run well on mobile devices.

He has: 4 posts

Joined: Sep 2015

Make a Google search about CSS media queries. It is the key for responsive design. But I think it is wise that you read a full article about it instead of forum replies. w3schools appears as first result when I do the search, it can help.

The browser can see the window size and adapt the website to look like it is explained in your CSS file for that dimension.

by example, with:
@media screen and (min-width: 480px) {
body {
// I can apply the styles for any browser window above 479px.
}
}

They have: 8 posts

Joined: Apr 2016

JoelJohn wrote:
Make a Google search about CSS media queries. It is the key for responsive design. But I think it is wise that you read a full article about it instead of forum replies. w3schools appears as first result when I do the search, it can help.

The browser can see the window size and adapt the website to look like it is explained in your CSS file for that dimension.

by example, with:
@media screen and (min-width: 480px) {
body {
// I can apply the styles for any browser window above 479px.
}
}

also use viewport, in a meta tag within the "head" of your page: meta name="viewport" content="width=device-width, initial-scale=1.0"

They have: 66 posts

Joined: Jan 2016

Make it 12 column or for easier reference use a bootstrap template.

They have: 8 posts

Joined: Apr 2016

I dont use bootstrap. I use css and certain code within to get my website to be mobile responsive.

They have: 22 posts

Joined: May 2021

You can use media queries in CSS to make the website responsive.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.