Как реализовать вложенность классов в SCSS?

Елена Валентайн, посмотрите это https://stackoverflow.com/questions/12728634/strin...

Как реализовать вложенность классов в SCSS?

Alex,

Так, что собственно не так?

Сравните с классами в разметке

Как реализовать вложенность классов в SCSS?

Елена Валентайн, нагородить через @function и replace, наверное можно.
Но по-моему, тогда проще писать без scss-вложенностей.

Как сделать анимацию стрелок по ховеру?

стрелку увеличиваем в ширину

Судя по примеру, вы знаете, что ширина это width. Её и увеличивайте при наведении.
Ну и заодно позицию (лучше трансформом) крышки стрелки.

В чем возникла сложность?

Как анимировать бордер по ховеру?

zveronol, только у transition нужно заменить all на outline (либо на то свойство, которое анимируете)

Как реализовать вложенность классов в SCSS?

card-block-inner-box__item

Это жестоко.
А если это БЭМ, то и нельзя.
А если это не БЭМ, то почитайте про БЭМ и сделайте нормально.

А еще, судя по виду, половина оберток просто лишняя.

<div class="card">
  <div class="card__block">
    <div class="card__inner">
      <div class="card__box">
        <div class="card__item">

        </div>
      </div>
    </div>
  </div>
</div>

.card {
&__block {
   
  } 
&__inner {
      
   }
&__box {
        
    }
&__item {

     }
}

Только не могу придумать зачем одной карточке и сама карточка и блок и иннер и бокс.
Дизайнеры бывают затейниками, но обычно не до такой степени.

Какой смысл добавлять "translate" к placeholder?

Сергей delphinpro, ну одна, очевидно, есть в мозгу, а второй нету :)

Почему не меняется фоновая картинка?

MeMoJlor, я вам в комментариях написала, что дело не в селекторах.

!important плохо, потому что подумайте, что вы будете делать, если захочется снова перебить стили?

Как выровнять пагинатор по центру?

nvanyuk09,
да хоть так

.block::after {
content: "<"
}

можно фоном, можно svg, вариантов полно.

Флексы мы еще не проходили

От того, что вы их не проходили, ответ не является неверным. Ответы полезны не только спрашивающему, но и другим ищущим тоже самое.

Но странно, что при наличии преподавателя вы задаете вопросы тут.

И селекторы в любом случае поправьте, учитесь сразу писать почище.

Какой смысл добавлять "translate" к placeholder?

Danny Arty, логично :)

Какой смысл добавлять "translate" к placeholder?

Danny Arty, думаете, спрашивающий с первого раза не понял? :)

Как выровнять пагинатор по центру?

p.s.
1. Почистила немножко селекторы от каши.
2. Стрелки делаются псевдоэлементами, а не ‹ и › в разметке.
3. Флоаты не используют для таких вещей.

Какой смысл добавлять "translate" к placeholder?

Чтобы получить плейсхолдер на языке сайта?

Как сделать картинки вместо точки в slick-slider?

А ведь можно открыть документацию и найти там пример с превьюшками. И очень просто сделать так, как там написано.

Какой лучше выбрать тип вёрстки?

Вот это прекрасное видео посмотрите целиком, это не долго, 6 минуток.

Не так важно какой вариант или комбо вы выберете. Главное, чтобы на всех размерах экранов сайт хорошо выглядел.

Почему не меняется фоновая картинка?

Раз в каких-то браузерах картинка меняется, то дело не в специфичности селекторов.
И идеи про important и .hum.hum2 можно отмести.

Возможно, дело в самом скрипте, который добавляет эти классы.
Либо кеш.

Сделаете песочницу на jsfiddle.net, позовите, посмотрим.

Почему не меняется фоновая картинка?

Правильно: js'ом добавлять класс, а что происходит в этом классе писать в css.
Желательно без important. Благо тут нет проблем обойтись без него.

Как уменьшить размер div-a w html?

Жжжуть
Доктайп пишется в самом начале файла.
А то, что синим выделила, то в head.

spoiler

Не забывайте проверять код валидатором https://validator.w3.org/nu/

По вопросу: нормально обрежьте картинку в графическом редакторе.

Контент шире в мобайле. С чего начать?

в мобайле

да и на десктопах тоже

Алгоритм прост: удаляете по очереди крупные блоки. Затем более мелкие внутри виноватого крупного. И т.д.

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

dsntmttr, ну так где relative у того, относительно кого позиционируете?