Where can I find a lesson on adaptive layout from a layout with (!) a minimum of additional technologies?

Question

css

Please advise a lesson (video or article) on the layout of an adaptive website using a PDF layout. Suitable for both bootstrap and bare CSS (/SASS/LESS).
All the lessons that I find use a large number of add-ons that expand the possibilities and speed up the work, which are still unfamiliar to me. I really need to understand the process of adaptive layout with the most basic tools.
I need to master adaptive layout in the shortest possible time, I will be very grateful for the links.

Answer 1

in google
https://developers.google.com/web/fundamentals/des...

Answer 2

"on the layout of an adaptive site according to a PDF layout" - you probably meant a PSD layout?

Answer 3

https://www.youtube.com/watch?v=3MfxQAt49dE

Answer 4

If bootstrap suits you, then getbootstrap.com I understand that you probably already visited the off site. And yet, the official documentation is much better than reading or watching interpretations of it. Knowledge of English is required there at the very least. In the region, you can use Google Translate. The site also has examples of layouts with different tasks: responsive, fix width, fluid, sticky footer, static navbar etc. I don't think there is a direct "video on adaptive layout". Read about @media {...}. Open bootstrap.css, read what is written there. Open one of the layouts from the site in source view mode. Read the code of the page
In general, it's hard to tell you anything more specifically without knowing your level of knowledge of html/css.

Answer 5

Here are the lessons are very cool, the most important thing is everything is clear and simple, and indeed he has a lot of everything there. Recommend.

Answer 6

https://www.youtube.com/watch?v=-wcy1Bsq-Ls&list=P...