Так вот,мне не понятна сама шаблонизация верстка.Как это происходит и для чего?Я использую в обучение 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;
}
gmap.addMarker({
lat: 54.630209, lng: 39.724659, // координаты точки
title: 'Название маркера',
icon: 'Ссылка на картинку маркера',
infoWindow: {
content: '<div>Совершенно любое содержимое дива, любой html-код</div>'
},
click: function(e) {
gmap.setCenter('54.631842', '39.724659'); // поместить маркер в центр карты
}
});