Наследованеие и каскадирование 18/18

Курсы
1

Безымянный.png1920×1080 234 KB

не могу понять как перенести альбом
html, body{
margin:0;
padding:0;
}
body{
font-family:Tahoma, Arial, sans-serif;
font-size:12px;
width:550px;
height:300px;
}
.profile{
padding:5px 10px;
}
.profile img{
display:block;
padding:10px;
border: 2px solid #34495e;
border-radius:8px;
}
.profile .photo{
float:left;
width:152px;
}
.profile .info{
float:left;
width:368px;
margin-left:10px;
}
.info #info-title, h2{
margin:0;
padding:10px;
font-size:12px;
font-weight:normal;
background:#34495e;
color:#fff;
border-radius:4px;
}
.fact{
padding:10px!important;
background:white!important;
}
.fact:nth-child(odd){
background:#ecf0f1!important;
}
.fact:after{
content:"";
clear:both;
display:table;
}
.info .fact .title{
color:#7f8c8d;
float:left;
width:120px;
text-align:right;
}
.info .fact .value{
margin-left:140px;
color:#34495e!important;
}
.albums {
margin-top:5px;
}
.albums img {
float:left;
margin-right:5px;
}
.albums img:last-child{
margin-right:0!important;
}
div .button {
display:block;
height:30px;
margin:5px 0;
text-align:center;
line-height:30px;
color:#fff;
border-radius:4px;
}
.button.stroke {
background:#3498db;
}
.button.feed {
background:#2ecc71;
}
.button.startle{
background:#e74c3c;
}

2

Нужно перебить свойства в style заголовка “Альбомы”, а это только !important.

То есть, в уже имеющийся селектор это можно добавить.

h2,
.info #info-title {
margin: 0 !important;
padding: 10px !important;
font-size: 12px;
font-weight: normal;
background: #34495e;
color: #fff;
border-radius: 4px;
}

Ну и остается убрать у #miska маргин справа, иначе фото в ряд не встанут.

#miska { margin-right: 5px !important; }
2 лайка
3

СПАСИБО БОЛЬШОЕ!)))))

4

Тоже долго мучился с переносом последней картинки альбома в один ряд.
Получилось вот так

.albums{
margin-top:5px;
}
.albums img {
float:left;
margin-right:5px !important;
}
.albums img:last-child {
margin-right:0 !important;
}

В результате получилось пройти на 100% с 4-мя !important.
Хотя читал в комментах что можно и с 2-мя.

5

У меня получилось вот так

#info-title,
.info h2 {
margin: 0 !important;
padding: 10px !important;
font-weight: normal;
font-size: 12px;
color: #ffffff;
background: #34495e;
border-radius: 4px;
}

и

#miska,
.albums img {
float: left;
margin-right: 5px;
}