Многие не знают разницу в этих подходах. Стоит разобраться. Адаптивный дизайн использует медиазапросы для адаптации макета. Дизайнер заранее продумывает переходы из одного размера в другой. Зачем это нужно? Чтобы элементы, которые были в размере десктопа, хорошо выглядели на мобилке. Почему используют: адаптивный дизайн точнее контролирует изменение макета и стилей, в зависимости от размера экрана. Резиновый дизайн подстраивается под ширину экрана, используя доступное пространство. Такой подход обеспечивает консистентность макета во всех размерах. Очень удобен для сайтов-новостников, где много текста, который хотелось бы читать удобно на любых экранах. Совмещаем подходы. Используют два этих подхода вместе. Плюс в том, что макет максимально адаптируется под размеры любых экранов. Большой плюс, в фигме есть автолейауты, которые помогут с этим. Из минусов, макет надо прорабатывать очень тщательно. Нужно учесть много разных вариаций, как это может выглядеть. Соответственно, это долго