Собери слово Вечность / неточность

Привет. В задании в конечном варианте в букве М отображается небольшой зазор, хотя по факту его нет.

Браузеры могут немного по-разному рендерить вёрстку, поэтому допускаются небольшие погрешности в проверке.

1 лайк

Сначала прошел на 100%! Но случайно перезагрузил страничку, и в итоге оценка снизилась до 98%!!! ПОМОГИТЕ!!! ЧТО ДЕЛАТЬ?!

Скиньте ваш код. Поглядим. :wink:

Подскажите, пожалуйста, что м. б. некорректно в CSS. При проверке в http://www.cssdesk.com/NuZyp результат выглядит как 1:1, при наложении - сильный сдвиг и проверка не проходит.

html{
    padding:0;
    
}
body{
    padding:0;
    margin:15px 30px;
    height:260px;
    width:260px;
}
div{
    display:inline-block;
    background:white;
}
/* горизонтальные элементы */
.h{
    width:50px;
    height:10px;
    position: absolute;
}
.h1{
    top: 170px;
    left: 100px;
}
.h2{
    top: 190px;
    left: 40px;
}
.h3{
    width:40px;
    top: 210px;
    left: 220px;
}
/* вертикальные элементы */
.v{
    width:10px;
    height:50px;
    position: absolute;
}
.v1{
    top: 170px;
    left: 40px;
}
.v2{
    top: 170px;
    left: 80px;
}
.v3{
    top: 170px;
    left: 120px;
}
.v4{
    top: 170px;
    left: 200px;
}
.v5{
    top: 170px;
    left: 160px;
}
.v6{
    top: 170px;
    left: 220px;
}
/* уголки */
.corner-top{
    border:15px solid white;
    border-top-width:20px;
    border-bottom-width:0;
    border-top-color:transparent;
    background:none;
    position: absolute;
    top: 170px;
    left: 170px;
}
.corner-bottom{
    border:15px solid transparent;
    border-top-width:20px;
    border-bottom-width:0;
    border-top-color:white;
    background:none;
    position: absolute;
    top: 190px;
    left: 170px;
}
/* лого */
.logo{
    width:64px;
    height:64px;
    background:url('/assets/course10/logo.png');
    position: absolute;
    top: 80px;
    left: 110px;
}

Верните body изначальные отступы

margin: 0;
padding: 20px;

и затем поправьте позиционирование частей «букв».

вот куска не хватает
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);
}