Мужики, помогите
как скрыть пересечение картинок?
css сейчас такой
z-index не помогает

  .background-top {
    position: absolute;
    width: 100%;
    height: 900px;
    top: 2250px;
    z-index: -2;
    background: url(../../../../static/images/generate-experiment.png) bottom
      center/100% no-repeat;
  }

  .background-bottom {
    position: absolute;
    width: 100%;
    height: 900px;
    top: 1890px;
    z-index: -1;
    background: url(../../../../static/images/generate-experiment.png) top
      center/100% no-repeat;
  }

Может в codepen можно посмотреть на код.

спс)

я пол часа буду только его делать
вроде же вопрос понятен
есть 2 картинки
нужно наложить одна на другую и скрыть их пересечение

Привет всем )

Как правильно сделат верстку такого блока  ??

Google: Masonry grid

masonry

Мне так кажется или там не обязательно grid делать.

если похер на порядок — колонок хватит

#библиотека дня

Раскладка Masonry (буквально — каменная кладка), когда элементы уложены максимально плотно, до сих пор не потеряла своей популярности. Её отличие от классических CSS-колонок – в порядке следования элементов. Если колонки это

1 4 7
2 5 8
3 6

то в Masonry- или Pinterest-раскладке порядок стремится к классической сетке:

1 2 3
4 5 6
7 8

Но в сетке все ячейки одного размера, а в кладке – нет (смотрите иллюстрацию). Была даже попытка внедрить это в CSS Grids, в одной из версий Firefox.

Долгое время де-факто стандартом библиотеки для Masonry была, собственно, Masonry.js. Но она достаточно тяжёлая и её методы немного устарели. Сейчас же есть много альтернатив.

Одна из  новых и сравнительно легковесных — это FlexMasonry. Весит всего 6 килобайт, подключается очень просто и с задачей справляется отлично. Ну и использует флексы, как нетрудно догадаться из названия 😉

👉 @htmlshit
#css #js #flex #masonry

Подскажите, пожалуйста, почему не отображаются стили с webkit  в chrome devtools?

какие конкретно? почему должны?

А почему нет? Они же применяются

Я правильно понял, если я использую CSS модули, мне получается БЭМ не нужен?
Можно абы как классы называть(в рамках адекватности разумеется, типа просто title, text, subtitle и тд без всяких модификаторов)?

применяются как? может, смотришь не туда?

пример изолированный есть?

Комментирую стили -- обычный ползунок, раскомментирую-- стилизованный
При этом стили для ползунка в инспекторе отображаются только заданные без webkit/moz/ms

+

Как можно выравнить текст таким образом

блин, да покажи