+2

How can I make responsive design it ? basic methods

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

3/17/2020 3:20:16 PM

acb

4 Answers

New Answer

+3

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

+2

Thanks for your answer.

+2

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

+2

Learn Bootstrap