How can I make responsive design it ? basic methods

Question

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

Answer 1

very basic method ?
use viewport based measurement like vw, vh, vmin, vmax.

i just randomly assign a value, so it may not looks right
https://code.sololearn.com/W5tL50Hq0YSD/?ref=app

Answer 2

Thanks for your answer.

Answer 3

best to do this is with @media in css

for eg:

/* Navbar links */
.topnav a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

/* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.topnav a {
float: none;
width: 100%;
}
}

you can do as many breakpoints as you wish and add different styles for each breakpoint

Answer 4

Learn Bootstrap