+ 1

Help regarding Media Queries

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.

3rd Jan 2017, 3:05 PM
Syed Muhammad Dawoud Sheraz Ali
Syed Muhammad Dawoud Sheraz Ali - avatar
3 ответов
+ 3
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
3rd Jan 2017, 4:32 PM
Kamil
Kamil - avatar
+ 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.
3rd Jan 2017, 4:49 PM
Syed Muhammad Dawoud Sheraz Ali
Syed Muhammad Dawoud Sheraz Ali - avatar
+ 2
that's very good, you can do almost everything if you do it on your own with your own methods and tricks!! ^^
3rd Jan 2017, 7:48 PM
Kamil
Kamil - avatar