Можно ли разместить фотографии в таком виде?

Можно.
Обычные гриды, если первична сетка.
Если это совсем рэндом, то плагины типа masonry

Как лучше изучать базу js?

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

Как в HTML два поля вода input сделать в одну строку?

Позанудничаю немножко.
Два инпута сами по себе встают в строку.
И их лейблы тоже.
Но вы их обернули в div.
И теперь вам в строку нужно поставить их.

В современном мире это удобнее всего делать флексами или гридами.
Можно и inline-block, но будет отступ между ними.

Где брать практику для своего портфолио FrontEnd?

maksam07,

Более того, я могу много чего не учесть, к примеру, местности, где будет стоять строение, просто пропущу этот момент (потому что я не знаю, что он важен), а через месяц дом уйдет под землю

К счастью проекты фронта для саморазвития это не дом.
И как раз очень хорошо, один раз пропустил, не учел, всё понял и учел на следующей итерации.
Это обучение и есть.

Где брать практику для своего портфолио FrontEnd?

Открываете фриланс, читаете задания, делаете.
Ищете на реальных сайтах функциональность, которая нравится, делаете.
Ну и т.д.

Как сделать так, чтоб блоки подстраивались под высоту самого высокого блока?

szQocks, угу, не проснулась, вы правы. Но суть в том, что height там уже есть и дело в нем, а не в stretch.

Как сделать так, чтоб блоки подстраивались под высоту самого высокого блока?

szQocks, не всё так просто. Если детям задать height auto, то stretch перестанет работать как хочется. А в свайпере именно так.

Как исправить ширину у ссылок при :hover?

Посмотрите как лучше верстать навигацию https://www.youtube.com/watch?v=y52rtbUeCac&list=P...
Заодно и эта проблема отпадет.

Как сверстать такой элемент?

szQocks, там нет речи про превращение одной картинки в другую.
Там написано, что это два варианта одного и того же, но первый предпочтительнее.

Как сверстать такой элемент?

szQocks,

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

Это вы как до этого догадались?

Я вижу только это

При наведении на любой из 12ти элементов должно появляться окно, как на на прикрепленных изображениях, с нужным описанием этих элементов.

Как сверстать такой элемент?

szQocks,

а как вы при ховере будите менять ?

если наведение на кружочки, то так и буду.
Если на весь "сектор", то инлайнить svg.

Как сверстать такой элемент?

Антон Антон, можно и так, если это удобно для редактирования.

Как сверстать такой элемент?

Взять SVG, положить фоном.
Поверх разместить текст, например, в vw.
Прибить абсолютом, считая от центра.

Сложность только в том, чтобы аккуратно всё написать.

Почему img для :before не работает как надо?

Сергей delphinpro, эта строчка align-items: center;, с виду, кажется лишней, если мы каждому пишем self?

А в варианте с флексами можно и грид убрать (хорошая фраза) и заменить на margin, будет еще меньше строк :)
gap мне, конечно, более симпатичен.

Почему img для :before не работает как надо?

Это фото реального человека, значит, контент, img, а никакой не псевдо.

Абсолюты тут не нужны вообще.
Помогут флексы, но тогда имя и должность нужно будет обернуть в div.
Либо, ещё лучше, гриды. 2х2
Вообще, поможет даже банальный float :) Только аккуратно. Но лучше гриды.

Как нарисовать эту фигуру?

Теперь сделайте из прямоугольника треугольник (можно поворотом можно любым другим способом, легко гуглится).
И используйте drop-shadow.
Либо просто возьмите svg

Что выбрать для мультиязычного сайта?

yraiv, нет смысла перепечатывать сюда аргументы из всех статей. Погуглите, пожалуйста, самостоятельно.

А потом задайте конкретный вопрос.

Что выбрать для мультиязычного сайта?

Пишете на листике все варианты. И плюсы и минусы каждого. Благо статей на эту тему понаписано пруд пруди.
Выделяете существенные аргументы конкретно для вашего проекта.
Получаете ответ на свой вопрос.

Будет ли это считаться костылем из-за неопытности?

Разумнее сделать 3 строки грида, а не две.

Анимация перекрывает другой блок, как исправить?

Во-первых, прочитайте про тег menu. Для навигации всё таки лучше nav.

Во-вторых, загуглите про контекст наложения, станет понятно, почему бесполезно задавать футеру 2, а менюхе 3. Что странно даже в банальной логике, если вы хотите, чтобы меню оказалось под футером.
Нужно поднимать z-index соседям и немножко переделать структуру.