32/32 Помогите, пожалуйста с прохождением

Вот как бы минимальное расхождение, а не принимает:). Видимо, потому что не так сделано. Те, материал не понят))) и решение ищется не тем способом…

CSS

html, body{
margin:0;
padding:0;
}
body{
width:450px;
height:300px;
font-family:‘Arial’, sans-serif;
font-size:12px;
}
.gallery{
padding-top:5px;
padding-left:10px;

}
.gallery .item{
width:125px;
margin:0 8px;
margin-bottom:5px;
display:inline-block;
margin-top:5px;
}

.item:nth-child(4){
margin-left: 82px;

}
.gallery .title{
margin-bottom:5px;
line-height:14px;
}
.gallery .frame{
height:105px;
background:#ECF0F1;
border: solid 1px;
}
.frame-4{
text-align:center;
}
.gallery .image{

height:70px;
background-position:50% 50%;
background-repeat:no-repeat;

border-bottom: solid 1px;
border-top: solid 1px;
vertical-align:center;
margin-top:10px;

}
.gallery .image-1{
background-color:#2ECC71;
background-image:url(’/assets/course13/cat_box.png’);
}
.gallery .image-2{
background-color:#3498DB;
background-image:url(’/assets/course13/cat_fish.png’);
}
.gallery .image-3{
background-color:#f1c40f;
background-image:url(’/assets/course13/cat_purr.png’);

}
.gallery .image-4{
background-color:#E67E22;
background-image:url(’/assets/course13/cat_walk.png’);

}
.gallery .image-5{
background-color:#E74C3C;
background-image:url(’/assets/course13/cat_drunk.png’);
}
.gallery .date{
color:#666;
font-style:italic;
font-size:11px;
padding-left:5px;
padding-top:5px;

}

Сработало вот так:, но на 91% :smile:html, body{
margin:0;
padding:0;
}
body{
width:450px;
height:300px;
font-family:‘Arial’, sans-serif;
font-size:12px;
}
.gallery{
font-size: 0px;
padding-top:10px;
text-align: center;
}

.gallery .item{
display: inline-block;
font-size: 12px;
width:125px;
margin:0 10px;
margin-bottom:10px;
}
.gallery .title{
margin-bottom:5px;
line-height:14px;
}
.gallery .frame{
height:105px;
background:#ECF0F1;
border: solid 1px;

}
.gallery .image{
height:70px;
background-position:50% 50%;
background-repeat:no-repeat;
border-bottom: solid 1px;
border-top: solid 1px;
vertical-align:center;
margin-top:10px;

}
.gallery .image-1{
background-color:#2ECC71;
background-image:url(’/assets/course13/cat_box.png’);
}
.gallery .image-2{
background-color:#3498DB;
background-image:url(’/assets/course13/cat_fish.png’);
}
.gallery .image-3{
background-color:#f1c40f;
background-image:url(’/assets/course13/cat_purr.png’);
}
.gallery .image-4{
background-color:#E67E22;
background-image:url(’/assets/course13/cat_walk.png’);
}
.gallery .image-5{
background-color:#E74C3C;
background-image:url(’/assets/course13/cat_drunk.png’);
}
.gallery .date{
color:#666;
font-style:italic;
font-size:11px;
}

Посмотрите эту тему Испытание: котогалерея на inline-block [32/32] Зависла на испытании

1 лайк