Question

Добрый день.

Помогите, пожалуйста, сместить информер немного влево. Дело в том, что тот человек, который мне его делал, пропал и на связь на выходит, а сама я этого сделать не могу.

Код информера

.myinf-3 {
 margin:0;
 padding:0;
 list-style:none;
 display:flex;
 flex-wrap:wrap;
 }
 .myinf-3 li {
 box-sizing:border-box;
 padding: 10px;
 width: 33.3333333%
 }
 .myinf-3 a {border:1px solid #ddd;display:block;width:70px;margin: 0 auto}
 .myinf-3 img{object-fit:cover;display:block}
 @media (min-width: 600px) {
 .myinf-3 li {width:16.6666667%}
 }
.myinf-3 img {
float:none;
margin:0 !important;
}

 

Мне нужно, чтобы информер сдвинулся немного влево и начинался с того места, где отображется плеер с видео и кнопки соц. сетей.

Нужно чуть-чуть подвинуть его влево, до этой красной линии, чтобы все отображалось красиво и чтобы информер, кнопки и плеер вертикально были как бы в одну линию поставлены.

Answer 1

.myinf-3 {
 margin:0px 0px 0px -30px;
 padding:0;
 list-style:none;
 display:flex;
 flex-wrap:wrap;
 }

Comments

Это решает проблему, но частично, посмотрите сами...

Kindle вертикально 600 x 1024 - прижат впритык к краю

Айфон 6 - 667 рх - тоже сдвинут

Android (Nexus 4) landscape · width: 600px - прижат впритык

Можно это тоже исправить?

---

Катя,

Пишите условие, и подставляйте ваши цифры сюда (max-width: 520px)

---

То есть, получится вот так, да?

@media screen and (max-width: 1024px) {
.myinf-3 {margin:0px !important;}
}

@media screen and (max-width: 667px) {
.myinf-3 {margin:0px !important;}
}

@media screen and (max-width: 600px) {
.myinf-3 {margin:0px !important;}
}

---

Катя,

Бинго! У вас получилось....

---

Спасибо за помощь!