Size: a a a

CSS — русскоговорящее сообщество

2020 March 26

L

LZD in CSS — русскоговорящее сообщество
mazya
Подключен нормалайз, убрал там. Нормально ли будет задать левый и верхний margin, а padding для правой и нижней стороны?
можно слайду задать падинг только справа и вроде решит проблему
источник

L

LZD in CSS — русскоговорящее сообщество
ан нет
источник

m

mazya in CSS — русскоговорящее сообщество
Сделал так:
.section-sub-wrapper {
   margin-top: 30px;
   margin-left: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
}

Теперь вроде норм, но если я обновляю страницу через "очистка и жёсткая перезагрузка", то всё окей, но когда я обновляю gulp watch с BrowserSync или делаю просто Ctrl+R, то у меня вылазит опять этот кусок некст слайда. Я надеюсь, что это у меня такой трабл просто и раз на кодпэне Виталик не увидел трабла после подключения всех либ, то пока оставлю так, как есть...
источник

L

LZD in CSS — русскоговорящее сообщество
mazya
Сделал так:
.section-sub-wrapper {
   margin-top: 30px;
   margin-left: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
}

Теперь вроде норм, но если я обновляю страницу через "очистка и жёсткая перезагрузка", то всё окей, но когда я обновляю gulp watch с BrowserSync или делаю просто Ctrl+R, то у меня вылазит опять этот кусок некст слайда. Я надеюсь, что это у меня такой трабл просто и раз на кодпэне Виталик не увидел трабла после подключения всех либ, то пока оставлю так, как есть...
смахивает на ошибку в калькуляции ширины для слайдов почемуто иногда ширина слайдов меньше ширины блока который генерирует овл
источник

L

LZD in CSS — русскоговорящее сообщество
.owl-carousel.owl-drag .owl-item {
   margin-right: 10px;
}

спрячет погрешность
источник

m

mazya in CSS — русскоговорящее сообщество
LZD
.owl-carousel.owl-drag .owl-item {
   margin-right: 10px;
}

спрячет погрешность
Идеально, теперь вообще не вылазит при любом рефреше.
источник

L

LZD in CSS — русскоговорящее сообщество
источник

m

mazya in CSS — русскоговорящее сообщество
Спасибо большое за помощь LZD, Виталик и Захар. Может я тоже когда-то стану полезным :D
источник

V

Vlad in CSS — русскоговорящее сообщество
Доброй ночи) подскажите как сделать что бы блок не улетал на след строчку до 1000px ширині,https://vladarc.github.io/Gallery/index.html
источник

L

LZD in CSS — русскоговорящее сообщество
Vlad
Доброй ночи) подскажите как сделать что бы блок не улетал на след строчку до 1000px ширині,https://vladarc.github.io/Gallery/index.html
теоретически сделать так чтоб ему хватло места в строке. а о каком блоке речь?
источник

V

Vlad in CSS — русскоговорящее сообщество
источник

V

Vlad in CSS — русскоговорящее сообщество
я просто не пойму где накосячил
источник

m

mazya in CSS — русскоговорящее сообщество
Проверь размеры блоков в CSS и из реальные размеры через тот же инспектор
источник

m

mazya in CSS — русскоговорящее сообщество
И медиа-запрос покажи, плес, а то я с мобилки
источник

V

Vlad in CSS — русскоговорящее сообщество
тут без медиа ,сугубо для десктоп , просто условие что бы переносилась только когда меньше 1024px
источник

Я

Ярик in CSS — русскоговорящее сообщество
Vlad
тут без медиа ,сугубо для десктоп , просто условие что бы переносилась только когда меньше 1024px
Ты заставил меня включать ноут )
источник

V

Vlad in CSS — русскоговорящее сообщество
та ну не надо прям так)
источник

m

mazya in CSS — русскоговорящее сообщество
Ну, можно задать мин-ширину для двух блоков и сделать wrap, если там флекс я
источник

m

mazya in CSS — русскоговорящее сообщество
Если прям без медиа
источник

L

LZD in CSS — русскоговорящее сообщество
у большого блока нету ширины
источник