Хелпуйте с Grid' ом

Вообщем есть сайт, скорее некоторые его видели, на нем есть элемент "грида", мб видел кто то подобное готовое?

https://css-tricks.com/

чуть ниже спуститесь, по типу как "карты" сделано, интересует этот элемент.

 

Это же просто дефолтные блоки засунутые под слайдер, че такова ты ищышЬ?
Блоки ищутся по запросу в гугле: card grid example, ну слайдер так и ищется: "пажылой слайдер для карточек дедушкиных".

 

Дак в том то и дело что конкретно такой не нашел, самому сделать не получилось(

 

Тю, создаешь дефолт блок, прописываешь ему отрицательный маргин-лефт, пазишн абсолют и все это дело под какой-нибудь slick.js засовываешь = пажылая радость гатова!

 

Актуально (

 

Ап

 

Какой нахуй слик? Шо ты человеку советуешь? Позишн абсолют юзают крайне редко сейчас, это моветон.

По сабжу, просто флекс блоксами делаешь. У тебя идет основной блок с карточками флексовый, дальше картонка у тебя тоже флекс, только там уже каламн, ну и на блоки внутри карты вешаешь позишн релейтив. Маргинишь и падинишь уже от ситуации. Ну и врубаешь оверфлоу-х, чтобы был горизонтальный скролл. А этого дурачка на левде не слушай с его советами из вёрстки нулевых.

 

Вот кароче щя накидал, чекни то чи не.

Ля шкила код элемента чекнула терь абзываеца. Жду извинений, публично.

 

да!спасибо огромное!
ты с сайта дергал?
ну корректить над ещё( текст там фото на карточки эти и прочее


p.s. в <article></article> делать див с инфой так чи не? и че за полоса прокрутки даже когда артиклов 2-3-5

 

Сам накалякал, цвета дернул и стиль самих карточек чтобы тебе было удобнее чекнуть ибо ты пример указал. Ну корректировку я на тебя и оставил, яж хз че тебе конкретно нужно. Да, между <article> пихай свои дивы, оформляй. И чтобы избавиться от полосы прокрутки когда артиклы не выходят за ширину родительского блока, замени: "overflow-x: scroll;" на "overflow-x: auto;" в ".slider".

 

Большое спасибо, если буду вопросы напишу