How to proceed in the study of responsive design?

Question

css

There are several questions about the responsive design technique. In the process of studying through "Google" I saw a lot of articles on this topic, but all these articles simply explain what media queries are and how to use them in a "vacuum", that is, just a few columns are laid out without any content (at best with text) and a few simple media queries.
In this regard, I would like to find a proven resource with a broader content and structure of training, so as not to get confused in terms, pulling them out from different sites. Perhaps it is worth reading a book of some kind? Something like Mobile-first? Google Developers in their articles advised to start typesetting from mobile phones.
And I would also like to know where to start when laying out an adaptive template downloaded from some site? With a regular, fixed layout, everything is simple - a PSD template is given and you type it up. And in the archive with adaptive, there are at least three folders, each with its own styles, images, indexes.
PS Is it worth it to immediately learn to layout adaptively using flex? Considering that I am studying for the long term.

Answer 1

Uncle, well, this is the best, how is it ... you better find out what you did when there were no media queries ...
Well, in fact, how to start studying, as I did for example ... I make
up what I want, transfer it to Drupal, I set up all sorts of page.tpl and node.tpl there, then I start to slowly lend the browser, I see that it’s complete diarrhea and I start from the site header, back and forth, media queries, in, it turned out, I take the menu and the same thing .....
Well , how to do it right:
(someone here already wrote something similar)
Did you make the site header? Lend it to the minimum ... did it work? ok... Below is the menu, lend... Hat? Yes. Sure. Setting up media ... Set up? Well done. Come slam beer.
Next, what do we have ... Ahhh, blocks ... lending, hat? Making media queries....
Well, in general, the essence is clear? =) I'm drunk, so something like this =)
About flex - Good thing, study ... Well, I don't know for sure, but for now, in my opinion, you still have to wait until all browsers bloat to understand it.