А вообще, если не сложно, можете прислать алгоритм расчета точек (как вы это все считали, в какую формулу подставляли)? Потому что, говорю честно - мой английский еще не так хорош, как хотелось бы, и информация с этой статьи воспринимается, мягко говоря, трудновато)
А вообще, как я понимаю, лучше всего свг рисовать самому. Возникают огромные проблемы с масштабом и автоматически заданными размерами, которые иногда просто нереально изменить
Проблема была не в том, векторные спрайты я употребляю или вставляю свг напрямую. Как на мой взгляд, в вашем примере очень много кода.
Не знаю правильно это или нет, но я сделал так. Я изменил размер для свг вот тут, задав четкие размеры для моей иконки по большей стороне. Потом такие же размеры для viewport. Масштаб получился 1:1 - картинка отображается так, как нужно. Интересно ваше мнение - является ли этот метод костыльным?
Арсений Матыцин спасибо, разобрался. Там дело было в том, что если элемент является текстом, то в таком случае vertical-align считается с учетом line-height. Поэтому и создается эффект, что текст едет вниз
То, что "типографика в вебе – боль" это я уже чувствую...
Слушай, у меня еще вот такой вопрос. Если не трудно, помоги. Хочу все-таки доразобрать это свойство.
Почему у меня vertical-align: text-top показывает текст снизу, а вот vertical-align: text-bottom наоборот – вверху?
Вот – https://codepen.io/Van245/pen/yLOyjaw?editors=1100
Да, так действительно все работает! Только не пойму по каким причинам надо прописывать last-child через модификатор? Почему все не работает через "основной" класс? Не нашел этому объяснения по той ссылке, что вы мне дали)
WapSter, я не в этом смысле, знаю для чего оно (распределяет расстояние "между")
Я имею в виду - чего ты хотел добиться, используя его (если маржины и падинги прописаны)?
WapSter Только сейчас заметил justify-content: space-between. Для каких целей вы указали это свойство? Как я понимаю, его необязательно указывать (в своем коде я прописывал отступы)