<input type="submit" value="Отправить заявку"><button>
<img src="/images/icon.svg" title="Красная таблетка" alt="Иконка" />
<span style="color: red;">Красный</span> <span style="color: blue;">Синий</span>
</button>Хотел бы узнать о современных подходах и методиках вёрстки подобных писем.
Так вот,мне не понятна сама шаблонизация верстка.Как это происходит и для чего?Я использую в обучение pug,чисто из-за того что легче и быстрее верстать,удобно разбить на секции на отдельные файлы ,чтобы удобно было верстать, и всё,потом gulp мне выдает готовые страница..
Буду рад найти людей, которые начинают свой путь разработчика для общения, обмена опытом и мнениями.
Приветствуются и старшие товарищи, желающие поделиться опытом, попробовать себя в роли наставника в некоторых вопросах или просто "поболтать о фронте":)
.card_desc_wrap {
display: flex;
flex-direction: row;
}<div class="card_desc_wrap">
<div class="card_desc_2">...</div>
<div class="card_desc_2">...</div>
</div>1. Верстаю сайт для портфолио, на компе все ок, а если просматривать сайт с телефона, то есть сдвиг элемента в блоке (уехал заголовок). Как это фиксить я понимаю, но как в таком случае можно доверять браузерному эмулятору в этом деле?
2. На сайте получается слишком дофига брейкпоинтов. Например, какой то элемент придвинулся слишком близко к соседнему - пишу новый медиа под это. Как можно с этим бороться?
@font-face {
font-family: 'roboto';
src: url('../fonts/roboto_regular.eot');
src: url('../fonts/roboto_regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto_regular.woff2') format('woff2'),
url('../fonts/roboto_regular.woff') format('woff'),
url('../fonts/roboto_regular.ttf') format('truetype'),
url('../fonts/roboto_regular.svg#roboto') format('svg');
font-weight: normal;
font-style: normal;
}