Size: a a a

Чат — Типичный Верстальщик

2020 May 24

R

Rose in Чат — Типичный Верстальщик
OMG2SMART4YOU
/get шпаргалка_flexbox
источник

DI

Dinar Ibragimov in Чат — Типичный Верстальщик
Доброе утро всем) Вопрос, как можно реализовать вот это?
источник

DI

Dinar Ibragimov in Чат — Типичный Верстальщик
Подкиньте идей :D
источник

RL

Rendos Leg1t in Чат — Типичный Верстальщик
что именно
источник

RL

Rendos Leg1t in Чат — Типичный Верстальщик
три колонки флексами
источник

DI

Dinar Ibragimov in Чат — Типичный Верстальщик
Rendos Leg1t
три колонки флексами
А штуку, где 1-2-3 как лучше?
источник

RL

Rendos Leg1t in Чат — Типичный Верстальщик
ты имеешь ввиду этот кружок где края обрываются?
источник

DI

Dinar Ibragimov in Чат — Типичный Верстальщик
По факту круги то должны быть по центру квадратов, поэтому надо это как то обдуманно сделать я так понимаю)
источник

RL

Rendos Leg1t in Чат — Типичный Верстальщик
ща попробую
источник

DI

Dinar Ibragimov in Чат — Типичный Верстальщик
Rendos Leg1t
ща попробую
Даже если сделать квадрат + круг + текст в один блок, то как потом соединить линиями круги)
источник

RL

Rendos Leg1t in Чат — Типичный Верстальщик
Dinar Ibragimov
Даже если сделать квадрат + круг + текст в один блок, то как потом соединить линиями круги)
линии псевдоэлементами абсолютными
источник

DI

Dinar Ibragimov in Чат — Типичный Верстальщик
Rendos Leg1t
линии псевдоэлементами абсолютными
Хм, понял, пошел делать
источник

DI

Dinar Ibragimov in Чат — Типичный Верстальщик
Спасибо)
источник

Ю

Юрка in Чат — Типичный Верстальщик
народ приветствую! дайте совет пожалуйста по реализации задуманного. Есть две колонки с контентом, на картинке продемонстрирована нумерация, как они должны идти. Дело в том, что в адаптивной версии нумерация полностью сбивается, и блоки из правой маленькой колонки должны быть частично сверху, частично снизу. по ТЗ использовать можно только флексы, гриды нельзя. Также нельзя дублировать контент (т.е. для создавать два одинаковых блока и для адаптива скрывать).

через order тоже реализация храмает, т.к. правая и левая колонка - разные дивы.
источник

Ю

Юрка in Чат — Типичный Верстальщик
источник

И

Иван Кондратьев... in Чат — Типичный Верстальщик
высота desktop-версии фиксированная?
источник

И

Иван Кондратьев... in Чат — Типичный Верстальщик
можно через flex-direction: column и flex-wrap
источник

И

Иван Кондратьев... in Чат — Типичный Верстальщик
и height: YYY px
источник

Ю

Юрка in Чат — Типичный Верстальщик
Иван Кондратьев
высота desktop-версии фиксированная?
не фиксирована, содержимое в блоках может быть разным
источник

И

Иван Кондратьев... in Чат — Типичный Верстальщик
positon: absolute для .item_left ?
источник