Испытание: собери слово «вечность» [20/20] Куда все исчезает ?


#1

Куда все постоянно исчезает ? Я с помощью позиции relative пытаюсь двигать детали и собрать буквы, но во время этого постоянно чтото исчезает . Вот например хочу переместить h1 вниз и собрать букву Н ( две вертикальные детали уже стоят. Начинаю это делать как лого которое я поставил куда то исчезло и 2 вертикальные детали тоже исчезли . Что это за маразм ? Заранее спасибо .

html {
padding: 0;
}

body {
margin: 0;
padding: 20px;
}

.scene {
position: relative;
width: 260px;
height: 260px;
background: none;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}

div {
display: inline-block;
background: white;
}

/* горизонтальные элементы */
.h {
width: 50px;
height: 10px;
position: relative;
}

.h3 {
width: 40px;
}

.h1 {
top: 130px;

/* вертикальные элементы */
.v {
width: 10px;
height: 50px;
position: relative;
}
.v1 {
top: 170px;
left: -132px;
}
.v2 {
top: 170px;
left: -106px;

/* уголки */
.corner-top {
border: 15px solid white;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: transparent;
background: none;
}

.corner-bottom {
border: 15px solid transparent;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: white;
background: none;
}

/* лого */
.logo {
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);
position: relative;
top: 24px;
left: 19px;
}

}


#2

Вот доделал букву Н и лого куда то исчезло . Это лаг какой то?


#3

Сделал все полностью с абсолуте . Релатив вообще не работает все исчезает .


#4

Во-первых, вы не закрыли: .h1 (у вас есть открывающая скобка " { ", но нет закрывающей) и также .v2, поэтому все и пропало. Никаких ошибок, багов нет, только ваша невнимательность. А также, здесь и нужно задавать через position: absolute, поскольку для основного блок (.scene) задан position:relative и позиционировать нужно относительно него.