Что нужно подкорректировать?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Испытание: собери слово «вечность»</title>
        <link rel="stylesheet" href="/assets/course10/style1.css">
    </head>
    <body>
        <div class="scene">
            <div class="h h1"></div>
            <div class="h h2"></div>
            <div class="h h3"></div>
            <div class="v v1"></div>
            <div class="v v2"></div>
            <div class="v v3"></div>
            <div class="v v4"></div>
            <div class="v v5"></div>
            <div class="v v6"></div>
            <div class="corner-top"></div>
            <div class="corner-bottom"></div>
            <div class="logo"></div>
        </div>
    </body>
</html>

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 {
position: relative;
display: inline-block;
background: white;
}

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

}
.h2 {

bottom: -160px;
left: 26px;

}

.h3 {
width: 40px;
bottom: -200px;
left: 92px;
}
.v {

width: 10px;
height: 50px;
position: absolute;
top: 170px;

}
.v1 {

left: 20px;
}

.v2 {
left: 60px;
}

.v3 {
left: 100px;
}

.v4 {
left: 140px;
}

.v5 {
left: 180px;
}

.v6 {
left: 200px;
}

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

.corner-bottom {
border: 15px solid transparent;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: white;
background: none;
position: relative;
right: 36px;
top: 190px;

}

.logo {
position: absolute;
top: 80px;
margin-left: -130px;
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);

}

Учитывая абсолютное позиционирование, это должна быть координата left.

1 лайк