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