Как верстать макеты под разные разрешения?

Tanya__K, меняется именно шрифт или размеры шрифта?
Второе это нормально, первое было бы странно.

Как сделать записать в уже существующий файл json (я фронт)?

DevMan , почему убрали 2 тега node js и бекенд?
более вероятно, что именно с этих тегов может прийти ответ
Мой вопрос по беку

Как получить чистый html код?

Robur, написать решение или подсказку это на усмотрение отвечающего.

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

1 скрин:


2 скрин:

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

Если я правильно понимаю, то у вас есть пробел в понимании свойства opacity.
Старайтесь понимать, как работает каждое свойство, css достаточно логичен и если что-то не понятно, значит надо копать глубже.

opacity - определяет уровень прозрачности элемента веб-страницы.

Если элемент, для которого применено свойство opacity, содержит внутри себя другие элементы, то они также изменят свою прозрачность.

opacity применяется к элементу в целом, включая его содержимое, даже если значение не наследуется дочерними элементами. Таким образом, элемент и его дочерние элементы имеют одинаковую непрозрачность относительно фона элемента , даже если они имеют различную непрозрачность относительно друг друга.

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

Snatch08, это то, что нужно? https://jsfiddle.net/jt84dbro/1/

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

Snatch08, slick-theme.min.css, действительно, можно и не подключать, но без slick.min.css ничего не должно работать
Поэтому, да, slick.min.css нужно подключить, эти стили и скрипт для слайдера это необходимый минимум.

slick-theme.min.css нужен чтобы все было симпатично, но т.к. Вы делаете свои стили, то его можно и не подключать

slick.min.css для того, чтобы слайдер вообще работал

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

Snatch08, Извините, не поняла вопрос

Стили слайдера по умолчанию у меня не подключены, может ли это быть причиной?

Плавающий текст при скролле?

MegaPuxapb, у вас изначально один стиль отрендерился (css), а только потом срабатывает js и назначает свой top, логично, что он дергается.
Обычно, когда есть такие моменты, их надо спрятать.
Думаю, оптимально это реализовать анимацию появления.

добавьте эти стили:

.text__bg {
  opacity: 0;
  transition: opacity .4s .2s;
}

.text__bg.active {
  opacity: 1;
}

а в скрипт добавьте это:

$('.text__bg').addClass('active');

Таким образом сразу после загрузки текст не будет виден, а потом медленно появиться

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

Snatch08, а чего именно вы хотите добиться?
Используя мои селекторы эти стили не применяются к склайдеру, который вложенный
https://jsfiddle.net/m2eztbsq/

Только сейчас обратила внимание на те стили, что вы написали выше.
Вы хотите, чтобы у родительского блока было opacity: 0.1, а вложенный слайдер сохранял свою цветность?

Возможно, я вас неправильно поняла, поясните пожалуйста?

Вы же понимаете, что давая родителю opacity < 1, он весь становится прозрачным, включая детей.
Не может быть родитель прозрачным, а ребенок нет

Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

А какой класс у вложенного слайдера?
.Onlink ?

Как расположить блок по центру без костылей (ссылка на codepen внутри)?

Тимур Турсунбаев, если просто задать нижний паддинг, то текст не будет по центру
Решение нашла, там всё несколько сложнее

Как расположить блок по центру без костылей (ссылка на codepen внутри)?

Максим Ленский,

Мм, нет, не подходит.
Мне нужно, чтобы текст не заползал на кнопку.

Как расположить блок по центру без костылей (ссылка на codepen внутри)?

Максим Ленский, думаю, у меня не получилось объяснить чего я хочу.


Вот такой эффект мне нужен
т.е. именно блок с текстом позиционируется по центру относительно блока родителя
Но на скрине это достигнуто тем, что я сделала нижний и верхний padding равными, а мне нужно, чтобы padding-top был пикселей 10

Как расположить блок по центру без костылей (ссылка на codepen внутри)?

slave bb, Вы пробовали так делать?
Это ничего не меняет.

Почему при добавлении обертке свойства filter уходит вверх фиксированный header (внутри пример на codepen)?

Спасибо

Я искала ответ почему так происходит в сети, но не нашла, поэтому если Вы встретите его, буду благодарна за ссылку.
Хочется именно понять причину этого эффекта.

Для себя выбрала вариант с заменой селектора

&--filter > * {
		filter: grayscale(80%);
}

Как сделать так, чтобы кавычки (fontawesome) переносились на другую строчку с последним словом, а не изолированно?

Вот она: https://codepen.io/anon/pen/xoEjMa

Как автоматизировать процесс переноса стилей из инспектора в браузере непосредственно в код?

Да, понятно, что найти файл вообще не проблема
Просто хотелось бы верстать быстрее

Как автоматизировать процесс переноса стилей из инспектора в браузере непосредственно в код?

Антон Спирин, если работаешь с одним блоком, то всё в одном файле, а если правишь страницу, на которой много шаблонов компонентов и у каждого свой файл стилей

Оценка первой верстки?

Ankhena, вопрос с placeholder спорный?
Мне кажется, это более чем ожидаемое поведение

С точки зрения семантики это заголовки.
Нужны ли они тут с точки зрения SEO это отдельная история, но не полностью забота верстальщика.

А зачем нужна семантика, если ни для сео?
(Этот вопрос не риторический, я просто полагаю, что семантика нужна только для сео, но может это не так)
И если мы понимаем, что "быстро", "круто" и "дорого" это сомнительные заголовки и тем более h3, то лучше использовать div

Outline однозначно убрать!
Да, вместо него лучше как-то выделить фокус на поле, но эти доисторические оранжевые линии портят впечатление от верстки.