How to set height and width of an html page which fit in computer big screen as well as same look in small device like smartphon

Question

Help me!
I try to adjust height and width with css but nothing happened.

like a example I designed something on my computer and its good to see in google chrome..
but when i paste here in sl then the height and width problem occur..

give some example if possible..

I know here some best coder present who understand my problem and help me... ☺☺
#Thank you

Answer 1

You can make the width=100%. Or, specify in pixel not more than 360px for the code playground.

Better still, play around with figures until you get the desired fit.

Answer 2

ok..

Answer 3

really helpful tips of "responsive".. @daniel
and i remember all of ur words when i create something@bamgbose

Answer 4

I've been using vh and vw with a little more success than %. Might be worth trying.
https://www.w3schools.com/cssref/css_units.asp

Answer 5

@Kirk Schafer tip is good advice: vw, vh, vmin and vmax are also percentage units, but differs from common % unit by the related size object... % are computed relatively to the container (parent) element, while other are always refering to the viewport size (vw stand for percent of viewport width, vh viewport height, vmin viewport min of both, vmax viewport max of both) ^^

Answer 6

You must to use CSS. Try to search by Google writing "responsive"

Answer 7

oo...thank you very much☺☺☺☺

Answer 8

Learn bootstrap. It will save you the stress

Answer 9

I heard about bootstrap..
give me some best link to learn bootstrap.. @s

Answer 10

https://www.w3schools.com/bootstrap/