со базовым знанием html&css найти работу нереально)

Ты сам ответил на свой вопрос.
Просто профессия верстальщика (хотя это и не профессия + только в снг так делили фронта и верстака) - уже давно ушла.
Надо знать что-то сверх html/css. Каплю php хотя бы для форм, Примитивный js для интеарактивности.

Нет таких фронтов, которые бы не пользовались гуглом.
Я тоже например без проблем верстаю, но порой забываю такие банальные вещи как теги формы, аля
<input type=" и тут забыл *>
И это абсолютно нормально.

Заучить все теги и свойства - дело нехитрое

Как раз таки хитрое. Потому что изначально - нереальное.
Никто не помнит все теги и не должен. Человеческий мозг имеет свойство забыть информацию которая не используется. Доказано.
Ценится не умение что-то заучить, а умение применить.

Можешь ли ты сейчас с легкостью себе сказать что на 110% освоил grid css? - маловероятно.
И я не могу. И Петя не может. Но что мы точно можем, так это начать делать и загуглить если что-то забыли.

По каким критериям оценить свой "профессионализм"?

Вот мы на странице хабра. Ответь себе на вопрос (только честно): "Смогу ли я заверстать такую страницу самостоятельно за день, со всей адаптивностью и проверкой на чистый код?"

Сможешь? -Ну значит что-то ты можешь. - Повышай ставки.
А вот такую сможешь?

Вот и весь ответ.

Это бесконечная гонка.

Псевдоэлементы рассматриваются как потомки связанного с ними элемента. Чтобы расположить псевдоэлемент ниже его родителя, вы должны создать новый контекст наложения, чтобы изменить порядок наложения по умолчанию.
Позиционирование псевдоэлемента (абсолютное) и присвоение значения z-индекса, отличного от «авто», создает новый контекст наложения.

Простым языком, его надо сделать абсолютом

https://codepen.io/bestowhope/pen/QWVGXxL

Помог? - Отмечай решением

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

Картинка слева сделана скорее для красоты, чем для удобства верстальщика.

Париться надо не за то, как оно там выглядит для кодера, а за то, чтобы заверстано было все как надо. Ибо он может наплевать там где написано 42px и поставить 41, даже если ты ему об этом напишешь огромными красными буквами об 42.

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

Да и текс слева не информативен. 42 чего? px/rem/em/vw/vh? 120% чего? Расстояние между букв? Строк? и тд.

Более того, в фигме например можно расстояние между буквами выставить в процентах, в то время как в верстке такого нет. Там либо пиксели, либо относительные единицы типа rem и em и тд. Которые фигма отдает только в инспекте.

https://codepen.io/divside/pen/wvEQdqR

можно ли при тяжёлой нагрузке ставить мак на зарядку

Нужно.

Я целыми днями на зарядке сижу.

Так аккумулятор не деградирует. А напротив, "сохраняется". В apple не дурачки сидят и система сама контролирует когда ему надо зарядиться, а когда нет.

Ты можешь сидеть 5 дней на зарядке, а батарея "зависнет" на 80%. Так макбук сам себя защищает от деградации батареи (считается в циклах)
От 0 до 100 - один цикл. При достижении критической отметки циклов перезарядки - аккум дохнет. Поэтому чем меньше циклов, тем лучше. Поэтому и рекомендую мак в ноль не высаживать, ибо пойдет новый цикл. И именно поэтому мак не всегда дает зарядиться до 100%.

У меня за 2 года "Количество циклов перезарядки: 93".
В то время как максимум 1000. Представь сколько бы у меня их было, если бы я не сидел на проводе. То-то. Уже батарею пришлось бы менять.

+ питаясь напрямую от сети, производительность пк выше. Т.к от аккумулятора мак снижает мощности чтобы экономить батарею