Web Designing Help | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

Web Designing Help

How to make this website compatible(Display) for mobile devices in such a way so that it would look compatible for both in mobile devices and in desktop for the code given below :- https://code.sololearn.com/W31hc12zWPw2/?ref=app

9th Jun 2018, 5:16 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
6 Answers
+ 6
https://www.w3schools.com/html/html_responsive.asp this help you
9th Jun 2018, 5:28 PM
Scooby
Scooby - avatar
+ 4
Anthony Quick Scooby BlazingMagpie Thanks guys 😀 , I am gonna learn all these things to make responsive website
9th Jun 2018, 5:33 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
+ 3
Use percentages instead of fixed pixel values for width and height of elements. Cheers
9th Jun 2018, 5:21 PM
Tony
Tony - avatar
+ 3
Anthony Quick i will try that
9th Jun 2018, 5:27 PM
Hemant Jaiswal
Hemant Jaiswal - avatar
+ 2
Hemant Jaiswal Cheers mate! :)
10th Jun 2018, 12:44 AM
Tony
Tony - avatar
+ 1
https://code.sololearn.com/WYKvKfPls4PY/?ref=app Check the @media tag in css. You can set different attributes for differently sized screens, in my case I replace table with completely different one when screen is below 600px so that it fits in the screen - I couldn't shrink it any more with just percentages. In your case I would shrink the buttons and put them in one horizontal line.
9th Jun 2018, 5:30 PM
BlazingMagpie
BlazingMagpie - avatar