Посоветуйте, как лучше практиковать вёрстку, вроде всё понятно, а вот самому сложно, некоторые элементы вообще непонятно как делать?

Надеюсь, твой вопрос ещё актуален. Зачем тебе Scss? Возьмись за Css, потом берись за его препроцессоры, т. к. по моему мнением, структура Scss выглядит сложней, чем Css. Но если ты уже определился изучать Scss и знаешь Css, то окей. Просто если ты новичок и хочешь изучать frontend, то предполагаю, что тебе лучше взяться за Javascript вместо Scss (если конечно же, знаешь Css и Html) А вот препроцессоры можешь потом в конце своей стадии изучение frontend начать его учить)). Достаточно и Css для стилизации. Что насчёт название классов или идентификаторов? Смотри. Научить - сложно, показать путь как научиться - легко. Поэтому покажу тебе, что можно с этим сделать.

1) Спрашивать у искусственного интеллекта (например Chatgpt) как назвать тот или иной блок с критериями или объяснением, что должно находиться в данном блоке, мол, какое тип содержимое, какие в нем блоки будут находиться, и он тебе пришлёт список как можно назвать класс или идентификатор. И к тому же всё свои вопрос можешь ему смело задавать, от него быстро увидишь ответ, а не как на всяких форумах, чатов, где необходимо ждать. А если ты ещё утром спрашиваешь, то есть в 3-4 часа утра (в моем случае) то это ваще кошмар. Работа надолго останавливается и всё такое.

2) Коротко опиши что за блок, за что он отвечает

3) (Не относиться к твоему вопросу, но всё равно ты должен это знать) Используй Camelcase этоКогдаТыТакимВотОбразомПишешь
Но при этом первая буква слово \ текста должна быть маленькой, а во всех остальных словах первая буква начинается с большой буквой. Тебе лучше загуглить и посмотреть примеры)).

Flex"ы (Как я знаю) Это выравниватель. Тебе необходимо узнать что такое justify content: (Значение) и align-items: (значение) Это будет достаточно. Кстати причина того, что ты забываешь куда присваивать display flex или чего либо другое, ты как только что то новое узнал и уже о нём посмотрел мол, что он делает и за что он отвечает, иди первым же делом практиковаться и ещё раз практиковаться!! Не понял что то? Иди пересмотри статью \ курс, до сих пор не понимаешь? Иди найди другую статью \ курс, до сих пор не понимаешь? Иди хотя бы попробуй своими ручками что то сделать с тем что ты не понимаешь и тогда ты на 99% должен понять. ну не может быть такого, что ты не сможешь после всего этого понять как работает Flex (И не только flex). К чему я это Если ты поймешь как работает Flex, то ты не будешь забывать где его присваивать. (я щас не только про flex, а в общем и целом к всему).

Как сделать Фоновое изображение? - Посмотри в Интернете и наконец-то скопируй с Интернета. Если кто то скажет, что "Необходимо всё самому обязательно всё запомнить, работать без Гугла, ты же ДОЛЖЕН своими ручками писать код" мен, ты только учишься, ты изучаешь что то, то что ты раньше не знал и это ваще и ещё раз ВАЩЕ не стыдно (или что там человек себе на придумывал) копировать или 10 раз заходить в Гугл чтобы узнать какое-то ответ на его вопрос. в твоем случае это как сделать Фоновое изображение Главное чтобы ты мог понимать код, поймешь что написано в коде, запомнишь как это пишется и наконец-то запомнишь как это писать и сможешь без помощи Гугла присваивает к блоку фоновое изображение.

Запомни, ты изучаешь то что ты раньше НЕ ЗНАЛ может ты раньше когда то изучал это, но ты учишь то что ты раньше по твоим заводским настройкам НЕ ЗНАЛ, и пожалуйста, практикуйся как можно больше :))

Мне 14 и я уже знаю html, css, javascript & React.js и щас изучаю node.js.