How can I make responsive design it ? basic methods


3/17/2020 3:20:16 PM


4 Answers

New Answer


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


Thanks for your answer.


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


Learn Bootstrap