Как определить точку перехода 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,

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

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

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

godsplane, вот и ответ :)

Проблемы с оптимизацией flex колонок, как исправить?

oksana_melikhova, отлично!

Очень удобно пользоваться инструментами разработчика.
Там всегда можно посмотреть получившуюся ширину и понять, почему не влезло.
А также много другой информации заметно облегчающей работу.

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

godsplane,

2-х недельных ожиданий если мне даже не дали шанс.

Это было бесплатное тестовое?

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

godsplane, про админку я там популярно разъяснила как это делается элементарно. А если бэк кривоват и не осилит, то картинкам нужен пустой alt и role presentation.

ну из-за нормалайз не брать не работу это как то странно.

При прочих равных я бы взяла того, который без нормалайза.

Проблемы с оптимизацией flex колонок, как исправить?

oksana_melikhova, вам нужно:
1. поменять box-sizing
2. переписать flex-basis через calc. Надеяться на shrink можно, но из-за разного содержимого могут получиться странные вещи.

Проблемы с оптимизацией flex колонок, как исправить?

oksana_melikhova, ошибка в первой строке моего ответа. И дальше пояснение к ней.
Откройте, пожалуйста, ссылку и прочитайте куда в каком случае прибавляются паддинги.

Дело в том, что 33.33% умноженные на 3 + 30 (это паддинги) умноженное на 3 уже не влезают в 100%.
И ещё у вас там margin 3 раза по 30. Из которых компенсированы только 2х15.
Как это всё должно поместиться в родителя?

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

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

Но скорее всего либо вообще закрыли вакансию либо и не очень надо было либо уже сделали выбор в пользу кого-то другого не из-за верстки (быстрее ответил, лучше написал сопроводительное, фотка приглянулась и т.д.)

Вряд ли они ответят, раз тянули 2 недели, но всё равно ведь можно попробовать попросить фидбэк.