Иван В

БЭМ предлагает методологию (подход, архитектуру) разделения интерфейса на независимые блоки.
Если у некоторых блоков или элементов есть особенный внешний вид или поведение (отличающие их от аналогичных блоков или элементов), то это реализуется с помощью модификаторов.
Например, список с "активным" \ "выделенным" пунктом:

<ul class="list">
  <li  class="list__item">item 1</li>
  <li  class="list__item">item 2</li>
  <li  class="list__item list__item_active">item 3</li>
</ul>

С помощью модификатора "list__item_active" последний пункт списка помечается активным.
На этом полномочия БЭМ заканачиваются )
БЭМ все равно какие стили или анимации вы будете использовать в "list__item_active". И все равно как вы будете добавлять модификаторы - вручную редактируя html или с помощью js.

БЭМ про общий подход наименования и использования селекторов, не про конкретные реализации какого-либо поведения или внешнего вида интерфейсов.

Если верстать с нуля, структура примерно такая:

<div class="road" style="display: flex; justify-content: space-between; position: relative;"> 

  ::before (картинка с полоской уходящей вверх)

  <div class="road__line" style="width: 100%; position: absolute;"> 
      прямая полоска  
  </div>
  <div class="road__point"> 
      ...
  </div>
  <div class="road__point"> 
      ...
  </div>
  <div class="road__point"> 
      ...
  </div>

  ::after (картинка с полоской уходящей вниз)
</div>

Удалить эту строчку

"моральное распутье" у тебя вот по этой причине:

Интересует буст не только в рамках специальности и личностного развития, но и в рамках, конечно же, денег, моей геопозиции и, по прошествии лет, движения в сторону менеджмента.

Тебе кажется, что если выберешь что-то не то, то такого удачно распланированого будущего у тебя не будет.
Но дело в том, что в любом случае все пойдет не по плану. По этому расслабься и, для начала, поставь цель по скромнее - перед \ после выпуска из института найти нормальную работу в IT. Вот на этом этапе уже можно начать думать "кем быть когда вырасту" )

Если в команде нормально налажены процессы, без разницы где вы, в офисе или на удаленке.
Если коллеги нормальные, без разницы где вы общаетесь, в чате или лично.

import exampleImg from "./example.png";

<img src={exampleImg} />

Что изучать чтобы нормально зарабатывать? Алгоритм поиска такой:
1) Гуглите вакансии веб разработчка \ фронтендера у себя в городе или на удаленке,
2) Выписываете все требуемые навыки,
3) Вычеркиваете все что знаете,
4) Изучаете то что осталось в списке.

Привет!

1) Нужно убрать опыт кладовщика.
Из-за него тебя тяжело найти на hh. Например, HR который ищет junior минимум опыта (всякое бывает :)) просто не увидит твое резюме из-за суммарного с кладовщиком опыта в 4 года.

2) Если ты какую-то технологию изучал, но не использовал в проектах или только планируешь изучать, не пиши об этом. Тоже самое касается нерелевантного опыта работы. Это бесполезная информация.
В "Обо мне" удаляй:
Историю про кладовщика и вот эти фразы про технологии - "Изучил БЭМ. (дальше буду верстать с применением этой методологии)", "Планирую учить TypeScript", "Немного практиковался с фреймворком Angular".

3) В целом, советую переписать "Обо мне". То что у тебя мало опыто видно и без пояснений, а желание учиться и быть полезным тоже сомнительная история для hr.
(в IT все любят учиться, ни кого не удивишь этим)

3.1) Ссылка на codewars некорретная

4) Портфолио в резюме раздели по технологиям, неудобно искать где у тебя просто верстка, а где React \ Vue.
В идеале, краткое пояснение к каждому проекту, что использовал. На один набор технологий - один проект. Нет смысла смотреть на 5 похожих сайтов сделанных просто на html + sass

5) Удали из портфолио пример верстки эл. письма, оно сделано неверно.
Опечатка в теге header, в эл. письмах не работают флексы, ограничено работают псеводоэлементы и еще много всего. Почтовое приложение такое письмо просто поломает и большая часть пользователей получат поехавшую верстку.
Какие CSS свойства работают в письмах можно посмотреть тут, а вот пример хорошего шаблона эл. письма.

Первую работу найти тяжело, привыкай рассылать очень много резюме каждый день.
А еще когда берешь тестовые задания, договаривайтесь чтобы давали задачу не более чем на 3-4 часа. Если делаешь намного дольше, не трать свое и чужое время, значит пока не подходишь (но для себя можно и доделать). Если потенциальный работодатель настаивает на тестовом более чем на 4 - 6 часов, отказывайся, это мутная контора, лучше за это время сходить на пару других собеседований.

Обратите внимание на текст ошибки.
" >> box-sizing: border-box; "
У вас точка с запятой в конце строки, в SASS они не использутся.

Если у вас растроение личности, где есть личность-заказчик, личность-менеджер и они между собой о чем-то договариваются вываливая потом не всегда адекватное ТЗ личности-программисту, то конечно такой опыт считается :)

Попробуйте зайти с другой стороны, не создавать где-то папку, а выложить картинку в сети и получить ссылку на нее.
Потом, в css (основные стили шаблона2016) с помощью свойства background-image указать путь к картинке.

background-image: url(http://www.example.com/bck.png);

Подробнее про background-image можно почитать тут

Верстальщик на связи. От коллег в недоумении, фигма отличный инструмент.

Во-первых, есть веб-версия, не нужно ничего устанавливать \ обновлять.
Во-вторых, командная работа.
Можно оставлять комментарии прямо в макете, видно курсоры юзеров, которые тоже смотрят проект (намного проще обсуждать макет на созвоне, когда видно куда смотрит человек). Чтобы кому-то из коллег показать макет, достаточно кинуть ссылку.
В-третьих, так как проект в сети, нет путаницы с файлами, которые тебе досылает дизайнер, если в макете были какие-то правки.

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