Александр Алексеев

копайте в сторону input type radio и селектора +
флексы можно сделать и вертикально flex-direction: column

родителю font-size: 0
блокам font-size: 1rem или сколько там надо

svg mask
svg clip-path

На одном из моих сайтов наверное половина страниц была выкинута яндексом как "недостаточно качественные"
После семантичной переверстки и расставления всяких role и тд все вернулось в поиск
Совпадение? Не думаю.

проблема с z-index
+ планеты на орбиты смещать лучше от центра через tranlsate

<meta name="viewport" content="width=ширина сайта например 1200">

tamplate monsters
а вообще берешь любой понравившийся сайт и верстаешь такой же только сам

$(window).scroll(function () {
		if ($(this).scrollTop() > высота_до_меню) {
			$('.menu').addClass('.fixed');
		} else {
			$('.menu').removeClass('.fixed');
		}
	});

практиковаться
каждый день
иначе никак)

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