Второй день не могу понять, где ошибка. Если я сдвигаю с помощью margin, у меня сдвигается все.
.gallery .item:nth-child(3) {
margin-right: 0px;
}
Мой код на данный момент следующий:
html,
body {
** margin: 0;**
** padding: 0;**
}
body {
** width: 450px;**
** height: 300px;**
** font-family: “Arial”, sans-serif;**
** font-size: 12px;**
}
.gallery {
** padding-top: 10px;**
** text-align: center;**
}
.gallery .item {
** width: 125px;**
** margin: 0 8px;**
** margin-bottom: 10px;**
** display:inline-block;**
** text-align:left; **
}
.gallery .title {
** margin-bottom: 5px;**
** line-height: 14px;**
}
.gallery .frame {
** background: #ecf0f1;**
** border: 1px solid black;**
** padding-top:10px;**
}
.gallery .image {
** height: 70px;**
** background-position: 50% 50%;**
** background-repeat: no-repeat;**
** border-top: 1px solid black;**
** border-bottom: 1px solid black;**
}
.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 {
** font-style: italic;**
** font-size: 11px;**
** color: #666666;**
** padding:5px;**
}