display: block; а DIV'у display: inline-block;background-size.
И еще момент, как сделать так что бы в конце подставлялось "руб". Сразу после цифрыдобавить к элементу (например
<div>'у) в котором содержится число другой элемент, например :after { content: 'rub'; } Показать "на пальцах" к сожалению сейчас не имею возможности, но готовых примеров подобного - просто масса. Например по ссылке выше #2, когда добавляется тег - у него в конце есть крестик, по такому же принципу можно добавить "руб.", либо же добавить к самому INPUT'у боковое поле (как это например умеет делать Bootstrap) с нужным суффиксом.
Лучше написать верстку с уклоном на статику: на чистом html+css,Я бы написал именно так, если это возможно. Это как минимум должно быть быстрее чем то же самое + JS.
на bootstrap с добавлением cssЭто скорее всего будет быстрее с точки зрения получения результата, но на счёт качества такого решения - есть большие сомнения. Вообще, одно из правил HTML'а/вёрстки - если есть возможность реализовать что-то меньшим кол-вом элементов - нужно делать именно так. То есть, если физически есть возможно сделать что-то с помощью одного
<div/>'а, а не двух, трёх и т.д. - нужно делать это одним <div/>'ом (без фанатизма конечно).или сделать более динамично: на php, реализовав все через цикл для получения вывода элементов: «Категория», «Товары», «О нас» и т.д.?Это напрямую зависит от Ваших задач и потребностей. Если Вам нужно что бы меню формировалось на сервере - то его нужно формировать на сервере. К вёрстке непосредственно это не относится. Лично я в своей практике использую и тот и другой подход, а иногда оба сразу (часть меню - статическая, часть - динамическая), в зависимости от желаемого результата.
<button/> можно выставить любые параметры, в т.ч. касающиеся его позиционирования.display: block;, а самой кнопке margin: auto; или же отцентрировать её через flex...
Подскажите, как можно исправить?
Какие особенности верстки под iPhone и как можно тестировать без данной техники?Особенности вёрстки в рамках статьи или тем более ответа - Вы вряд ли сможете найти, по причине большой обширности данного материала и сложности его изложения, особенно с учётом того, что разные устройства/браузеры могут давать различные "артефакты" (назовём это так).
почему не срабатывает высота у wrap,По тому, что у родительского (по отношению к нему) элемента не задана высота. Проценты - это относительная величина, в данном случае, она будет равна 100% height родителя, а height у родителя не задан(а).
height: 100%;, думаю проблема решиться.
можно ли header_promo сделать видимым?Можно, но не так как Вы это пытаетесь сделать. Я думаю, Вам стоит просто вынести этот блок выше или назначать (не)видимость нужных блоков на каждом варианте разрешения отдельно, либо скрывать прочие (соседние) ненужные блоки, а этот блок оставить как он есть.
Почему происходит задержка анимации?По тому, что у блока который Вы сворачиваете не фиксированная высота (точнее по тому, что вы меняете её на height: auto). И в Вашем случае, он сворачивается так, буд-то он имел высоту 500px, а не ту, которую он имел фактически (если вы зададите ему фактическую высоту в 500px или растянете его с помощью содержимого до 500px - задержки не будет).
Где брать уникальные иконочные шриты с макета?У дизайнера.
создаёте ли вы сами иконочные шрифты вытаскивая svg с макетаИз личного опыта - нет. Как дизайнер так и делаем. Если дизайнер прислал не так, то в следующий раз пришлют нового дизайнера. Дизайнер сделал иконки шрифтом - значит так и верстаем. Сделал их SVG'шкой? Значит верстаем SVG'шкой. Сделал PNG - соответственно... Если он что-то не прислал - не грех конечно ему напомнить, что "а пришли ка мне "вот это".
Пишу родителю display: inline-grid и дети остаются так же в положении column.Я думаю, помимо типа отображения, стоит ещё и колонки например задать? Например так:
grid-template-columns: 1fr 1fr 1fr; (ну и прочие необходимые параметры, по мере необходимости)
Есть какие-любо предложения? Неужели в 2019 году люди продолжают верстать вручную?Я конечно могу ошибаться, но насколько мне известно - на данный момент всё ещё продолжают. Относительно недавно (месяца 2-3 назад, приблизительно) сталкивался с подобным вопросом и... могу сказать, что "абсолютное позиционирование элементов на странице" - это не ключевая проблема. В том смысле, что какой-то софт эту проблему решать уже научился (какой именно - сейчас точно не вспомню, под "тест" попало всё, что уадалось найти в интернете, включая различные онлайн-сервисы). Основная проблема, как я уже говорил сместилась в с "абсолютного позиционирования" в сторону г-о кода, все образцы в той или иной мере обильно гадили в конечный код.
не застал табличную верстку, а может быть оно и к лучшемуЯ застал времена, когда CSS ещё не придумали :)