Web Designing Help

Question

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

Answer 1

https://www.w3schools.com/html/html_responsive.asp
this help you

Answer 2

Anthony Quick Scooby BlazingMagpie Thanks guys 😀 , I am gonna learn all these things to make responsive website

Answer 3

Use percentages instead of fixed pixel values for width and height of elements. Cheers

Answer 4

Anthony Quick i will try that

Answer 5

Hemant Jaiswal Cheers mate! :)

Answer 6

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.