В чем плюсы Mobile First подхода в верстке?

Под мобилки требуется меньше стилей, по большей части это плиточки которые идут друг под другом. Используя Mobile First под мобильные устройства создается база, которая постепенно обрастает стилями доходя до десктопной версии, именно поэтому стилей получается меньше, потому что по больше части они дополняются, а не переопределяются или отменяются. Вам не придется выкручиваться и тратить лишнюю энергию на то чтобы впихнуть какой-то сложный блок, потому что он изначально простой. Это как бутон, который постепенно раскрывается и превращается в красивый цветок или как бабочка вылезает из кокона расправляя крылья, если их попытаться сжать обратно они сломаются.

Далее, даже если не обращать внимание на то с каких устройств заходят посетители, вам придется подстраиваться под поисковые системы, которые требуют оптимизацию под мобильные устройства. При Mobile First верстке у вас эта оптимизацию получится сама собой так как вы выбираете кратчайший путь к правильному отображению. Браузер не будет вообще применять свойства которые больше доступного размера, в то время как при first desktop будут применены все стили и переопределены, отсюда и всякие визуальные скачки при входе на сайт, которые критичны для первой отрисовки и прочие хорошо наблюдаемые не точности с отступами, вылезание блоков за пределы экрана и т.д.. А в случае, если начинают манипулировать вложенностью повышая специфичность, то первый рендеринг для мобильных устройств превращается в страдания

Кроме того, все становится более логично, шрифты увеличиваются, картинки становятся больше, как по мне это воспринимается намного легче и разгружает мозг.

От того что я верстаю через min, свойств в css файле меньше не становится.

Ну так все приходит с опытом

Если бы я делал через min-width, то верхняя часть хедера изначально была бы скрыта (display: none), но при ширине выше, например 768px, я бы ее показал (display: block) и писал бы остальные свойства для нее в этом же медиа-запросе.

Это все нюансы, один display: block ничего не порешает. Но бывают ситуации когда стоит комбинировать и min и max, я например описываю меню в отдельных media, я не делаю общих стилей для десктопа и мобилок, потому что там общего практически ничего нет, даже цвета и шрифты иногда отличаются вот кстати размышления Вадима Макеева на эту тему, я делал так задолго до просмотра этого видео и это удобно, кроме того используя сборщик можно раскидать их в разные файлы работать как с отдельными блоками не оглядываясь на переопределения.

По статистике больше пользователей просматривают сайтики с телефона, если будете создавать основу с телефона, ясно, что он будет выглядеть лучше. Но это еще нужно уметь делать

Выскажу непопулярное мнение . Mobile-first ущербен в своей основе.
Мобильные сценарии и десктопные очень разные.
Как пример класс container самый широкий 1320px и просто забавно выглядят сайты на 4к и 8к дисплеях.
Дальше огромные размеры контролов и отступы все это съедает место.
Излишняя верстка для адаптивности, это относится к таблицам превращающимся в карточки.
Инфинити скрул, это вообще придумал дьявол
Так что лучше сделать мобильную и десктопную версию.

Во-первых mobile first — это не только про верстку. Это гораздо больше про проектирование и приоритеты. Для хорошего результата этот подход нужно применять еще на стадии прототипирования и проработки дизайна. Всё проектирование интерфейса должно плясать от мобильной версии как основной, достаточной и удобной. Потом этот интерфейс уже дополняют и развивают в десктопный, но также через анализ и проектирование. А не как бывает крайне часто — держи десктопный макет, сверстай, по пути придумай, как это все впихнуть на мобильник. Но увы, клиент обычно не хочет за это платить, а дизайнер не может реализовать достаточно квалифицированно, потому что «я в эту вашу верстку не понимаю, я красиво делаю». Это не про всех, конечно же, но такие проблемы по моему опыту встречаются чаще, чем какой-либо иной расклад.

Во-вторых, mobile first даже в верстке точно не только про min / max — width, это опять же про проектирование, направление мысли, выбор инструментов… глубина зависит от умений, исходных данных и поставленной задачи.

Что на деле: как правило при верстке / разработке сайта подходом mobile-first пытаются закрыть те упущенные вещи, которые должны были быть сделаны на этапе проектирования, но не сделаны. Увы, среди разработчиков и верстальщиков знатоков юзабилити также не много, как среди дизайнеров людей, понимающих нюансы верстки / разработки. Поэтому мы имеем то, что имеем, и принципиальность разницы desktop / mobile first становится действительно порядком «ненатуральной», надуманной. Примерно также выглядит ситуация c последователями pixel perfect верстки по кривым-косым макетам без хоть сколько-нибудь продуманной дизайн системы, но это уже совсем другая история.

практика очень хорошая. если удалить весь сss, то сайт становится адаптивным и удобным по умолчанию. Ну кроме гигантских картинок. если писать от мобильника css будет меньше и он будет лучше по структуре.