Адаптивный сайт.(adaptive) Сайт, который на мониторе отображается одним образом, на планшете иначе, а на смартфоне — снова по-другому. Меняется расположение блоков, размеры кнопок и полей, текстов. Зачем? Чтобы пользователю было комфортнее пользоваться сайтом: в кнопку легче попадать пальцем, если она крупная, текст в метро легче читать, если он 20 пунктов, а не 14.
Отзывчивый сайт. (responsive)Сайт, который также имеет несколько вариантов отображения, но переходы между ними плавные, как на «резине». Меняете размер окна — кнопочки медленно меняются в размерах, блоки плавно ужимаются, а когда наступает контрольная точка — сайт меняет расположение блоков под планшет или под смартфон.
Вот
статья , там подробнее и даже с гифками объясняют
Если грубо, то
адаптив - это вёрстка с брейкпоинтами, а
отзывчивая - это вёрстка на флексах/гридах + брейкпоинты.
