+ 1

Same size on all screens????

How can I make it so my sololearn projects look the same size on mobile devices and laptops/desktops...

html css javascript

10th May 2018, 1:50 AM

David CHAMPION

6 Answers

+ 4

thank you

12th May 2018, 12:10 AM

David CHAMPION

+ 3

It is called Responsive Design. The Bootstrap library does a really good job of that. There are tutorials on here for Bootstrap. In the meantime start here: https://www.w3schools.com/css/css_rwd_intro.asp

10th May 2018, 2:19 AM

Adam

+ 3

thanks everyone

10th May 2018, 11:05 AM

David CHAMPION

+ 2

Check out some YouTube videos on Responsive Design, they helped me☺

10th May 2018, 2:28 AM

kamogelo charmaine

+ 2

<body> <div style=min-width: 300px; width: 30%; margin: 0 auto; ">stuff</div> </body> The div will be 30% of the screen width. but no smaller than 300px. and it will center horizontally in the screen. Any screen.

12th May 2018, 12:08 AM

Adam

+ 1

I'm still not understanding this...why is it so complicated...can someone just give me some code examples pls

11th May 2018, 10:37 PM

David CHAMPION