Как верстать шапку сайта?

А-ля так:

Как верстать шапку сайта?

Боже, блин, ну ёлки.

Если вы пользуетесь этим Bootstrap'ом, то почему, как только что-то выходит за рамки его возможностей, всем будто бы чья-то могучая рука сверху отрезает крылья или ещё там чего-то, оставляя беспомощными перед простейшими штуками :))

Кто мешает сделать этот компонент без Bootstrap'а и его классов? Или даже с его классами.

Родителю и кнопкам:
display: flex;
align-items: center;
line-height: 1; /* опционально */

Кнопкам — задать либо высоту, либо padding, чтобы добиться нужной высоты.

Плохо ли использовать такую строчку?

Георгий Городенко, насколько простых? Если только с одной кнопкой :))

Это плохая практика, не используйте это.

Псевдо класс на подобии Focus?

Quipee, как я уже и сказал, вас ждёт JS :))

Псевдо класс на подобии Focus?

Quipee, вам не к CSS тогда. Так можно сделать только если пользователь будет держать левую клавишу мыши зажатой (:active). Такой вариант будет работать, даже если он отведёт мышь в сторону.

Псевдо класс на подобии Focus?

:hover
:active

Вообще и в целом, :focus — для полей, а не кнопок.

Плохо ли использовать такую строчку?

Да. Плохо. Каждый божий элемент (кроме псевдоэлеметов) будет проверяться на все анимируемые свойства.

Производительность в плинтус.

Можно ли сделать iframe с авто height?

Сергей delphinpro, так что пишите ответ смело.

Можно ли сделать iframe с авто height?

Сергей delphinpro, это и есть ответ в данном случае.

Можно дополнить только какой-нибудь ссылкой по типу:
https://stackoverflow.com/questions/9975810/make-i...

Где есть пример кода для реализации, если соблюдены кросс-доменные условия.

Как сделать наклон цвета текста, но не сам текст?

lemonlimelike, решением отметьте.

Как сделать ховер на свг?

Максим Ленский, я не знаю, сколько ей лет, где она живет и как она выглядит :))

Реализовать слайдер, который выходит с правой стороны за пределы контейнера?

+ только надо проверить, нет выше по коду у какой-то обертки oveflow: hidden.

Как сделать ховер на свг?

Максим Ленский, она тебе не поверила. Думала, что ты все врешь! Жизнь научила её не верить мужчинам.

Как лучше такое сделать (сверстать)?

Картинкой или vw-единицами.

Почему не исчезают стрелки на input type number?

VicTHOR, вот, тоже дело человек говорит.

Сервис скриншотов сайта с разных устройств. Есть у кого?

Вообще, найдите нормальные mockup'ы устройств, а не это с iPhone 4, и сделайте себе нормальный PSD-макет по вашим предпочтениям. И тупо туда вставляйте скриншоты :))

Или даже тупо найдите нормальный mockup подобного толка, они есть.

Сервис скриншотов сайта с разных устройств. Есть у кого?

https://placeit.net/iphone-mockup-generator
www.page2images.com

Page чего-то там от Google так умеет (вроде бы) тоже.

Сервис скриншотов сайта с разных устройств. Есть у кого?

Photoshop.

Как сделать ховер на свг?

olya_097, можете для начала попользоваться тут:
https://jakearchibald.github.io/svgomg/

Как сделать ховер на свг?

olya_097, SVGO + в Inkscape объединил пути + вручную убрал ненужные данные.

Можно вот так вообще, ещё меньше:

<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <path d="M8.19 0h3.59c.07 2.89.11 5.79.1 8.68.87.06 2.62.16 3.5.22-1.68 2.22-3.45 4.37-5.38 6.37-1.93-2-3.7-4.15-5.38-6.37.88-.06 2.63-.16 3.5-.22 0-2.89.03-5.79.07-8.68zM.32 13.72c.7.01 2.1.02 2.8.03.01.94.03 2.81.05 3.75h13.66c.02-.94.04-2.81.05-3.75.7-.01 2.1-.02 2.8-.03-.07 2.1-.15 4.19-.22 6.28H.64c-.22-2.09-.27-4.18-.32-6.28z"/>
</svg>