What is the easiest and fastest way to make website responsive using css(no js)

Answer 1

Media Queries adapt the layout of the web page to monitor classes using breakpoints in the CSS. At the breakpoints the design changes. There are good frameworks that automatically generate the basic framework for the layout - but media queries are not as complex as they appear at first glance.
The most elaborate step in the development of a responsive web design is the plan how the website should be built on different monitors.

@media only screen and (max-width: 599px) {
…
}
@media only screen and (min-width: 600px ) {
…
}
@media only screen and (min-width: 980px ) {
…
}
@media only screen and (min-width: 1260px ) {
…
}

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

Answer 2

I made a mistake earlier. With media queries it's possible.

Answer 3

I don't think it's possible.

Answer 4

Md.Ruhan Chowdhury please read carefully my previous post. You have to make a plan for your webside for each media and after that coding, what you planned. To change only of the font size is not the solution. There will be needed some more idea for example as follows:

.column { width: 90%; margin: 1em auto; }
.column h2 { font-size: 1.2em; color: firebrick; }

@media only screen and (min-device-width: 40em) {
.column { width: 48%; float: left; }
}

Answer 5

JaScript thanks.Actually by these helps,I learn many new things day by day❤️❤️

Answer 6

Your welcome,
and happy coding.

Answer 7

JaScript that's you shown was a easy project for making responsive.But do you make this responsive?
https://code.sololearn.com/WWp2A06MTfmg/?ref=app