Телеграмм чат группы css

Size: a a a

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

4964 membersпожаловаться на группу

2021 April 20

Богдан in HTML/CSS — русскоговорящее сообщество

но что-то спрайт реально в background-image не грузит

источник

13:46пожаловаться #1

Дима in HTML/CSS — русскоговорящее сообщество

 .card:nth-child(3n+1) {
        grid-row: 1 / span 2;
        grid-column: 1 / span 2;
    }

Подскажите пожалуйста, нужно каждую третью карточку в гриде расширять на ячейку вниз и вправо. Это можно как-то сделать через nth-child?

источник

13:46пожаловаться #2

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

песоница!

источник

13:49пожаловаться #3

Дима in HTML/CSS — русскоговорящее сообщество

Тут вопрос на одно свойство, зачем она?

источник

13:49пожаловаться #4

Богдан in HTML/CSS — русскоговорящее сообщество

https://codepen.io/boggddan/pen/eYgPBRE?editors=1111

источник

13:50пожаловаться #5

Дима in HTML/CSS — русскоговорящее сообщество

Но это не решение воей задачи.

источник

13:50пожаловаться #6

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

Ну так напиши тогда сам! Если думаешь, что у всех компилятор встроен в голову

источник

13:50пожаловаться #7

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество

https://codepen.io/jennhi/pen/pjONOv

источник

13:51пожаловаться #8

Дима in HTML/CSS — русскоговорящее сообщество

Эмм, что там компилировать? Там вопрос на то или у грида есть свойство которое не императивно указывает какие ячейки склеивать.

источник

13:51пожаловаться #9

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество

Это тебе

источник

13:51пожаловаться #10

Богдан in HTML/CSS — русскоговорящее сообщество

спасибо

источник

13:51пожаловаться #11

Дима in HTML/CSS — русскоговорящее сообщество

.card:nth-child(3n+1) {
        grid-area: span 2 / span 2;
    }

Если кому-то интересно решение

источник

13:55пожаловаться #12

Amin Maharram in HTML/CSS — русскоговорящее сообщество

https://jsbin.com/nudohacitu/1/edit?html,css,output Как можно сделать, чтобы блок container Расширялся ? Т.е отталкивать от последней буквы ?

Jsbin

JS Bin

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...

источник

14:18пожаловаться #13

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество

min-width

источник

14:49пожаловаться #14

Amin Maharram in HTML/CSS — русскоговорящее сообщество

Спасибо!

источник

14:50пожаловаться #15

Combot in HTML/CSS — русскоговорящее сообщество

Amin Maharram (0) увеличил репутацию Konstantin (11)

источник

14:50пожаловаться #16

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество

не, фигню сморозил... его раскукожит на всю длину

источник

14:51пожаловаться #17

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество

во, для контейнера display: inline-block

источник

14:53пожаловаться #18

Amin Maharram in HTML/CSS — русскоговорящее сообщество

а что не так с min-width ?

источник

14:54пожаловаться #19

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество

это свойство растянет контейнер на всю ширину родителя, тоесть body

источник

14:55пожаловаться #20