20/20 95%


#1

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 {
position:absolute ;
width: 50px;
height: 10px;
}
.h1 {
width: 45px;
bottom: 60px;
left:20px;
}
.h2{
bottom:80px;
left:80px;
}
.h3 {
bottom: 40px;
right: 20px;
width: 40px;
}

/* вертикальные элементы */
.v {
position: relative;
width: 10px;
height: 50px;
}
.v1 {
top:170px;
left: 20px;
}
.v2{
top:170px;
left:45px;
}
.v3 {
top:170px;
left:70px;
}
.v4 {
top:170px;
left:100px;
}
.v5 {
top:170px;
left:125px;
}
.v6{
top:170px;
left:130px;
}

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

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

/* лого */
.logo {
position:absolute;
bottom:116px;
left:87px;
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);
}


#2

Зачем ширину изменяли у .h1 и .h3 элементов?