20/20 Прошу проверить код на оптимальность (100%).

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

.h1 {
left: 20px;
bottom: 60px;
}

.h2 {
left: 80px;
bottom: 80px;
}
.h3 {
width: 40px;
right: 20px;
bottom: 40px;
}

/* вертикальные элементы */
.v {
position: absolute;
bottom: 40px;
width: 10px;
height: 50px;
}

.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: absolute;
bottom: 70px;
right: 80px;
}

.corner-bottom {
border: 15px solid transparent;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: white;
background: none;
position: absolute;
bottom: 50px;
right: 80px;

}

/* лого */
.logo {
position: absolute;
top: 80px;
right: 109px;
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);
}

По-моему, оптимальней уж не придумаешь. А что конкретно Вам не нравится?

У меня все вертикальные элементы уместились в таком CSS, в остальном все похоже

.v {
width: 10px;
height: 50px;
position: relative;
margin-right: 26px;
top: 170px;
left: 20px;
}

.v5 {
margin-right: 7px;
}