Это нужно для дальнейшей работы с кодом. Припустим если я отдам проект человеку, который не знаком с sass, а пишет на чистом css, и нужно что бы файл css был полностью "читабельно-красивым", ну что бы не было такой бухты-барахты.
бг-имг прописывается в хмтл, что бы в cms легко можно было вывести картинку без лишнего кода.
Интересно именно то - чем плохо вообще показывать разные картинки на разных резолюциях. и плохо ли это вообще.
DTX: Нет, не это, я делал раньше ( ну я джуниор, учился сам =) ) видел по макету какой-то элемент, отмерял сверху отступ ( припустим 220px, и писал margin-top: 220px ) Мне сказали что так делать не правильно, и что нужно такие элементы отцентрировать с помощью 1. с помощью vertical-align, либо 2. с помощью флекс. Как это делать я вроде бы понял, и разобрался, но по макету задача состоит в том, что нужно отцентрировать блок контентом отталкиваясь от нижней границы хедера ( в котором есть лого и меню ) но у меня почему-то получается центрирование от верхней границы самого окна.
Вот на картинке лучше понятней будет, по ней видно что центрирование идет от самого верха, а нужно от красной линии. i.imgur.com/bAOi1HX.jpg =)
DTX: Сказали мол, выравнивать по вертикали с помощью вертикальный отступов и полей - не правильно. Правильно использовать либо флексы, либо через vertical-align. Я раньше всегда делал все через вертикальные поля, теперь сижу и не могу понять как все сделать "правильно"... хотя в этом "правильно" не совсем понимаю правильность именно так, и не правильность череез вертикальные поля и отступы.
DTX: Ну не знаю, на работе так сказали=) сказали выровнять элемент по вертикали, с помощью либо таблиц и вертикального выравнивание, либо с помощью флекса, но проблема в том, что выравнивание идет от самого верха страницы, а не от низа хедера =)
