Петр Сергеев, если вы делаете фиксированную ширину между брейкпоинтами, то да.
Если резину, то по обстоятельствам макета и контента.
Можно добавлять еще брейкпоинты или разные блоки перестраивать по разному.
Это уже творческий процесс.
Иногда вместе с дизайнером, но чаще самостоятельно.
Нет никаких морок попасть в пиксель перфект при адаптиве.
При резине он проверяется только там где есть макет, т.е. на 320, 768, 1200. Где нет макета - нет проверок, поскольку прикладывать нечего.
элементам (карточкам) на всякий случай прописываешь flex: 0 1 *свой размер ширины*
учитывая, что при flex-direction column и basis и grow с shrink'ом будут работать на высоту, вы сказали ерунду. Mello Mello
На мелких экранах просто задаете display:block родителю (при mobile first вообще ничего не задаете).
float не используете, как сказал и предыдущий оратор, используете флексы или гриды. С гридами проще за счет того, что у них есть grid gap. Но для вашего случая, когда количество столбцов известно и не меняется это не играет особой роли.
Александр Лях, это вряд ли отвечает на вопрос, почему можно что-то случайно выделить и это нужно специально предотвращать.
И верстка с инлайновыми онкликами да еще и на неинтерактивных элементах, устаревшими тегами и инлайновыми и нечеловеколюбивыми стилями - ага, действительно, охренительная, в смысле охренительно безобразная.
Остальное правильно. Если все буквы латинские и вы редактируете именно тот style.css, а не из соседней папки.
Я имею в виду в подключении стилей, а не код. В коде много странного.