Сергей Зенькович

Тэги ul, li вам в помощь. В этом коде реализовано что то подобное. Сама концепция передана как делать вложенные меню, но визуальные эффекты и оформление вам придется доработать. А вообще на ютубе полно видеуроков на подобную тему

<div class="totalMenu">
		<div class="totalMenuInner">
			<ul class="menuList">
				<li class="menuItem">About</li>
				<li class="menuItem">More
					<ul class="subMenu">
						<li class="subMenuItem">About</li>
						<li class="subMenuItem">About</li>
						<li class="subMenuItem">About</li>
						<li class="subMenuItem">About</li>
					</ul>
				</li>
				<li class="menuItem">Сontacts</li>
				<li class="menuItem">Works</li>
			</ul>
			
		</div>
	</div>

.totalMenu{
	width: 100%;
	background-color: #000;
	margin-top: 450px;
}

.totalMenuInner{
	width: 80%;
	margin: 0 auto;
	height: 90px;
}

.menuItem{
	width: 25%;
	font-size: 50px;
	color: #fff;
	float: left;
	background-color: #000;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
	transition: .3s;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	letter-spacing: 5px;
	position: relative;
}

.menuItem:hover{
	background-color: #fff;
	color: #000;
}

.menuItem:hover .subMenu{
	display: block;
}

.subMenu{
	display: none;
	position: absolute;
	top: 89px;
	left: 0;
	width: 100%;
	padding: 0;
}

.subMenuItem{
	padding: 15px 0;
	background-color: #000;
	width: 100%;
	color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.subMenu{
	border-top: 1px solid #fff;
}

.subMenuItem:hover{
	background-color: #fff;
	color: #000;
}

let el = document.querySelector('.element');

el.style.width = sizeInWv + 'px';
или использовать шаблонные строки
el.style.width = `${sizeInWv}px`;

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

Как один из вариантов:

<div class = 'block'>
    <p> Text </p>
</div>

.block{
    width: 100%;
    height: 100%;
    position: relative;
}

.block p{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

Как вариант так:

var drowSnowman = function(a, b) {
function drawCircle(x, y, radius, fillCirсle) {
ctx.beginPath();
if (fillCirсle === true) {
ctx.lineWidth = 4;
ctx.arc(x, y, radius, 0, Math.PI * 2, false);
ctx.stroke();
} else if (fillCirсle === false) {
ctx.arc(x, y, radius, 0, Math.PI * 2, false);
ctx.fill();
}
};

drawCircle(a, b, 30, true);
ctx.fillStyle = "orange";
drawCircle(a, b+5, 5, false);
ctx.fillStyle = "black";
drawCircle(a-10, b-5, 5, false);
drawCircle(a+10, b-5, 5, false);
drawCircle(a, b+70, 40, true);
drawCircle(a, b+50, 5, false);
drawCircle(a, b+70, 5, false);
drawCircle(a, b+90, 5, false);
};

drowSnowman(100,100);

1) Можно добавить атрибут к элементу и искать по атрибуту.
2) Если элемент у родителя один, то можно обратиться через родителя, например:
document.querySelector('.el:first-child'); или
document.querySelector('.el:nth-of-type(1)');

body {
margin: 0;
padding: 0;
}
Должно помочь.

.Brazzers__image-wrapper img {
width: 100%;
height: auto;
}

Если блоку установлено свойство position: fixed он не влияет на позиционирование других элементов, возможно открывающейся части у вас не присвоено данное свойство. Без видения кода не могу определить в чем проблема.

Прошел 40 уроков React "путь самурая". Очень доступно автор доносит материал, разжевывает и раскладывает по полочкам. Плюс автор курса сам по себе очень позитивный чувак и заряжает этой энергией. Но на документацию забивать не стоит. Документация + этот курс - идеальное сочетание как по мне!!