Парни! Вот посмотрите стили базовые, которые я использую. Это норм практика? *{

margin: 0;
padding: 0;
}

body{
display: flex;
flex-direction: column;
min-height: 100vh;
}

header{
background-color: silver;
}

main{
flex-grow: 1;
background-color: lightcyan;
}

footer{
background-color: silver;
}

особенно хочу заметить, что не использую див враппер и указываю необходимые стили сразу в боди. И обнуляю для всех тегов падинги и маргины. Я не профи в вёрстке, может плохая практика, не знаю. Цвета для примера естественно)

Для обнуления нужно использовать нормалайзер, либо нулевой стиль.

Через * не пиши. Сбивает наследование свойств родителя Обнуляй через reset.css или нормалайзер

Не этих свойств, конечно, но всё же. Сбрасывают люди не только отступы

А про описание базового лайаута в боди, без тега враппера это норм практика?

Зачем?

Не парься. Рекомендую сделать wrapper, ибо иногда полезно, а времени много не занимает

Обёртку я бы добавил.

А смысл какой в ней? Я раньше тоже делал, сейчас не делаю. Понятно, что на проде у меня тайлвинд. А если чёт быстро сверстать, хочется как-то минимизировать код

Вы используете html 5, который ввел стандарты семантики для html документа.Эти стандарты вы должны соблюдать.

В смысле тайлвинд

есть какие-то объективные причины, почему флекс нельзя боди задавать?

Это я устарел или мы всё просрали?

Причина: "Над вами будет смеяться пол конторы" - валидна?

Хех

Для кастомизации компонентов, можно в реактике.Не слышал что-ли?

Я категорически не понимаю смысла тайлвинда. Люди разделают стили от представления, разделяют, а тут взяли и прямо начали в HTML задавать стили. Bootstrap даже напоминает по философии. В реакте возможно имеет смысл

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

Я придерживаюсь философии, что класс должен обозначать назначение элемента, а не его вид. За исключением модификаторов. Например: не "red-button", а "accent-button". Не "wide-paragraph", а "enter-paragraph" и т.д.