Возможно это будет 1000й вопрос про адаптивную верстку но всё же. На данный момент 2020 год и хотелось бы узнать какие методы создания мобильной или кросбраузерной вертски существуют. Хотелось бы каких нибудь ресурсов именно с практикой а не нудной теорией. про существование бутрепа слышал но есть какая то неприязнь к нему поэтому хотелось бы либо через медиа запросы научиться
Выражусь лаконично: https://jsfiddle.net/95Lkezbf/ - mobile first
Второй вариант в обратную сторону с max-width и значения по убыванию - desktop first.
Изменяйте ширину окошка с результатом.
С остальными свойствами точно также: переопределяете нужные их на необходимой ширине.
получается что для конкретного разрешения нужно менять блоки в медиа отступы
Если они меняются, то да - менять.
Если они зависят, например, от ширины родителя в %, то оставить в %.
Если они вообще не меняются и всегда равны фиксированной величине в px, то так и оставить.
а для текста нужно указывать единицы измерения в em ?
Если текст дочернего блока зависит от размера шрифта родителя, то да, в em. Если не зависит, а зависит от чего-то другого, то в том и писать.
Сергей Васенин, как хотите или как хочет дизайнер.
Выясните, что меняется, только ширина или ещё какие-то пропорции и т. д. И действуйте соответственно.
Дальше нужна конкретика, что именно вам не ясно и с чем конкретным проблемы.
Простой
