Почему bg color меняется только в html?

Mizutsune, это вопрос скорее гуманитариям, что они там скажут про бочку мёда, чем она станет...

Как определить точку перехода brakepoints в макете?

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

Как определить точку перехода brakepoints в макете?

Дмитрий Щ, я не знаю как у вас всё сверстано и где оно ломается.

Тот блок, который вы показали вообще нигде не должен сломаться.
Разве что размер/жирность шрифта и перенос слов в табах.
Т.е. можно навести красоту на мобилках, убрав табы в выпадашку или задав ширину 100%. Но можно и просто обойтись одними общими стилями.

Почему bg color меняется только в html?

Александр Петров, специфичность селекторов - одно из важнейших понятий CSS.
https://developer.mozilla.org/ru/docs/Web/CSS/Spec...

!important может понадобится в случаях, когда нужно перебить инлайновые стили, которые элемент получил из JS.
Либо (совсем в крайнем случае), когда вам в поддержку прилетел какой-то сильно старый и очень кривой и непрофессиональный проект. Для того, чтобы быстро поставить какую-то заплатку.

Если вы используете его в своем проекте, то сразу признаете его г-кодом.

Почему bg color меняется только в html?

Всё выясняется очень просто и быстро.

Открываете инструменты разработчика, вкладку Computed, ищете нужное свойство и смотрите какое значение применилось, каким селектором и в какой строчке.

Почему bg color меняется только в html?

Александр Петров

Самый последний объявленный будет итоговым.

Это верно лишь для селекторов одинаковой специфичности.

Константин, использовать !important в своей верстке это дурная практика. Лучше разберитесь со специфичностью и каскадом.

А ещё, бутстрап специально использует кастомные свойства, чтобы можно было настроить тему под себя, так что разумнее поменять цвет там.

Как найти элементы чье название класса начинается с определенных символов?

Ася, мне кажется, что это на этапе мечты.

Как определить точку перехода brakepoints в макете?

Что в таком случае брать за точку перехода?

Например, ту в которой всё ломается, не помещается или становится некрасивым.

Либо по стандартным брейкпоинтам.

Либо резиной или резиной на vw или с участием calmp (min, max)

Либо комбо этих способов.

Где и как выучить WordPress для верстальщика?

StepsOnes, мне сложно вам ответить. Я знаю где гугл. С ним точно можно.

Где и как выучить WordPress для верстальщика?

wp-kama.ru

Берете WP, устанавливаете, ставите какие-то стандартные темки, разбираетесь что к чему. Делаете дочерние или свои темы и пытаетесь привести к нужному виду.

Почему из-за grid не работает событие на кнопке?

helpmeplease196, да просто не происходит клика по кнопке. Потому что поверх лежит другой блок.
Я без понятия зачем он у вас там.

Почитайте про pointer-events - это свойство делает блок прозрачным для клика.

Нужно отцентрировать блок?

smile_com, я же вам в комментариях написала что нужно гриду задать

Нужно отцентрировать блок?

Приложите скрин того, что должно получиться.

По той картинке, которая сейчас, вообще не понятно, почему они в единой обертке.

Наверное, можно сделать грид в 4 столбца: 1fr фикс фикс 1fr
синему задать span 2

Нужно в списке определений сделать список с нумерацией, не понимаю, как это сделать, и что не так?

1. Сначала нужно вспомнить, что теги вкладываются как матрешки.
Т.е. вот такого быть не может: <dl><ol></dl></ol>. Т.е. если dl открылся первым, то закрыться он должен последним.

2. Не все теги можно вкладывать друг в друга. Например, dd нельзя вложить в li напрямую. Но зато в li можно вложить dl, а уже внутри него dd.

3. Из вопроса не понятно как должен выглядеть результат, но что-то по мотивам вот такого:

<dl>
  <dt>термин</dt>
  <dd>определение</dd>
  <dt>термин</dt>
  <dd>определение и вложенный список
   <ol>
     <li>первый</li>
     <li>второй</li>
   </ol>
  </dd>
</dl>

Как расположить блоки с контентом таким образом?

Soolberns, довольно быстрый способ познакомится с гридами это пройти игру на полчасика: https://cssgridgarden.com/#ru

Родителю
grid-template-columns: repeat(2, 1fr);
Большому дочернему:
grid-row: span 2;

Как такое верстать?

Градиентом.
clip-path url

И полистайте ленту, это примерно еженедельный вопрос.
Да, искать будет неудобно, потому что там вопросы сформулированы также толково, как ваш.

Заодно, можете принести подборку из них сюда, другим пригодится.

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

godsplane, с этим-то понятно :) И необходимость поныть при долгом устройстве на работу тоже понятна.

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

godsplane, ну хорошо, значит, они не разводчики.

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

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

godsplane,

все равно не понял.

Вы бесплатно сверстали сайтец.
Зачем брать вас на работу?

Покажите явные ошибки в верстки тестового чтобы я понимал почему меня не взяли?

godsplane,

а чем плох нормалайз?

Откройте его :)
Начните читать по строчкам что в нём написано и критически оценивайте зачем это нужно.
То что действительно нужно в вашем проекте копируйте в отдельный файлик.
Сравните что было в исходном и то что вы забрали как полезное.
Используйте полезное.