Артём

Если я верно понял что это за звук, это разбалансировка шпинделя (правда неприятный звук дают 7200 диски, а у тебя 5400 об/мин. Если это так то вероятность выйти из строя такого диска заметно выше чем 'тихого'

p.s. 10 первых дней можешь поменять диск с формулировкой - работает но мне не подошел, магазины очень 'охотно' идут на замену (по закону вообще то) с доплатой, даже если это +10р, при условии отсутствия видимых повреждений и царапин

По-хорошему, псевдоэлементы ::before и ::after бывают только у парных тегов (несмотря на то, что браузеры могут пытаться что-то там изобразить и порою даже успешно)
Нужно обернуть каждую картинку в оберточку и по ней заполнять картинку, можно с использованием object-fit

И вашего варианта:
Ширина
Как интересно вы считаете, 4 раза по 25% и еще между ними отступы по 3%. Вы планировали всё это уместить в 100%? Не выйдет.
Ещё вы туда же добавляете границы.
Чтобы ширина границ считалась "внутрь" используйте box-sizing: border-box

Высота
По умолчанию flex растягивает "строки" (при flex-direction row) и высоту элементов в них.
Чтобы он перестал это делать, нужно задать align-content: start

не могу найти в поиске

SVG-маски, маски с помощью clip-path в CSS, маски на канвасе, маски в шейдерах, и.т.д. В общем гуглите все, что связано со словом "маска". Вариант с шейдерами самый производительный, с SVG - самый простой.

Пример с SVG:


Пример с шейдерами (не совсем такой, но для передачи идеи пойдет):

не поверишь. реально первая ссылка в гугле https://ru.wikipedia.org/wiki/Clash_Royale

такой сервис называется фриланс https://freelance.habr.com/

methods: {
  short: str => str.replace(/(?<=^.{3}).{4,}(?=.{8}$)/, '...'),
  ...

<span>{{ file ? short(file.name) : 'Прикрепить' }}</span>

Регулярные выражения не нужны:

implode("\n", array_slice(explode("\n", $text), 0, количество_строк))

Но если очень надо, то:

preg_match('~([^\n]+(\n|$)){0,количество_строк}~', $text, $match)

воспользоваться одним из 100500 доступных в инете манов/туториалов.
на их основе написать простенький скрипт, который будет вызываться одной командой и запускать 100500 других.

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

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

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

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

Ну и регулярно подавайте резюме.

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

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

Нужно просто быть лучшим, что само со себе непросто.

человек вообще ни у чом не уиноват.
просто в компании не выстроены (или не правильно выстроены) бизнес-процессы.

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

Если не лень, то можно сохранить каждую фигуру отдельно(желательно в svg) и позиционировать на фоне, таким образом у фигур будет плавающая позиция и на других экранах можно перестроить по другому, убрать половину на мобильных и т.д.. выглядеть это будет примерно так :

background: url(../images/other/decor-figure-1.svg) no-repeat 53% 6%,
            url(../images/other/decor-figure-2.svg) no-repeat 45% 22%,
            url(../images/other/decor-figure-3.svg) no-repeat 82% 22%,
            url(../images/other/decor-figure-4.svg) no-repeat 45% 96%,
            url(../images/other/decor-figure-5.svg) no-repeat 83% 82%

Стремная затея, думаю пошла от Yii))))
Поидеи все решается через
Репозиторий
https://symfonycasts.com/screencast/symfony4-doctr...
Или есть спецификации штуки типа
https://github.com/Happyr/Doctrine-Specification