How to make my responsive based on size.

Question

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

Answer 1

Learn Bootstrap for making responsive web design.

Answer 2

If you don't want to go to bootstrap and materialize now.

You can learn the tool media query of css which allow you to set you element size according to screensize or orientation to make pages responsive.

You general css code for mobile

@media screen (min-width:500px){

//Set the css change what you want for screen width more than 500px (tablets)
}
@media screen (min-width:900px){

//Set the css change what you want for screen width more than 900px (laptops)
}

Similarly you can add more break point.
I will suggest you to cover media lesson of css

Answer 3

Use mediaquery in css..

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Answer 4

Hemu@coder one week is enough to learn it because it is easy,brother. See it first,it's easy I am telling you.

Answer 5

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

Answer 6

shubham kumar bro! I have only a week. Can't I do the same in CSS? Please tell me some way to make my form responsive

Answer 7

Bedrock Coder so if I add that class name itself it become responsive. Am I right?

Answer 8

Thank you shubham kumar and Bedrock Coder