может кто подскажет по сабжу удобный визуальный инструмент,
позволяющий прорабатывать в CSS несколько вариантов ширины окна браузера через @media screen and (min-width: ***), чтоб не таскать правый край окна мышью, а типа задал несколько необходимых "контрольных" размеров "экрана" и перещелкиваешься между ними

Так можно предустановленные заводить
Ctrl+Shift+M  в мозилле

а так чтоб еще можно было визуально мышой границы всяких div-ов потаскать и потом записывались бы в итоговый CSS-файл нужные значения всяких width/padding/margin/flex-basis  в РХ или в %-тах?

(2) ну это можно прям у элементов прописывать по f12

ну или
https://www.google.ru/search?ie=UTF-8&hl=ru&q=visual css edito

поищи по

visual css editor