How do you do responsiveness in Drupal?

Question

Drupal

Hello!
Interested in how experienced people make Drupal sites adaptive? What topics, modules do you choose for this?
Preferably step by step...
I ran into the following type of problem.
I made my first small site on Drupal, did everything on the zen theme (I read that it is adaptive).
On the site I created my own type of material, my own view (maybe something else was needed ?!) - pictures with text that are displayed in three columns.
And here is the question, how to make, for example, that those three columns become one on a smaller screen? I know that you can use css, but then why this adaptive zen theme?
Where do you even start adaptability in Drupal (I feel like I missed something)?
Thank you very much in advance for your advice)

Answer 1

htmlbook.ru/css/value/media
habrahabr.ru/company/paysto/blog/254871

Answer 2

You can use any front-end framework like Bootstrap or Zurb Foundation ready theme . Create your own custom subtheme for it and change everything you need. In both frameworks, you can easily make three columns turn into one by simply adding the necessary classes. See the Bootstrap and Foundation documentation for more details .
Otherwise, use media. You can read more about responsive in Drupal in the book . See also the article on Habré

Answer 3

Adaptability is achieved through css in any case, it’s just that these rules are already described in zen and you don’t need to invent your own bike. in zen this is done via the @media rule , see the theme's css files.