Help regarding Media Queries

Question

I have 3 buttons on a line. For Window view, I want them on the line. But when i switch to mobile view, I want them to convert into a drop down menu. How should i approach to solve this problem? i dont want code. Just a hint on how to do. I am planning of enclosing buttons in a div and change the div behavior based on view. but i cant figure out how to do so.

Answer 1

imagine a box around the buttons with a fixed width e.g. in % and then the height set to: height: auto;

you should take a look at bootstrap, it's a HTML, CSS, and JS framework which does exactly what you are looking for, I resizes every element and even restyles it, so that you website looks always perfect on every device

Answer 2

Thanks. I get the idea. But i want to do it without Bootstrap. I like to do responsiveness and other stuff like that with my own written work.

Answer 3

that's very good, you can do almost everything if you do it on your own with your own methods and tricks!! ^^