Size: a a a

2021 September 18

ЖК

Женя Колесник... in FrontCoder
Галочки должны ставать по центру относительно элемента напротив блока "Что мы предлогаем"
источник

АХ

Александр Христенко... in FrontCoder
Тень и так должна работать, не понимаю в чём трабла. По поводу расположения, мне кажется что единственное решение это сверстать галки и потом через nth-child марджинами подстроить
источник

ЖК

Женя Колесник... in FrontCoder
Проблема в том что галочки должны адаптироваться по центру автоматически. Количество текста может быть разным. А если выстраивать их гридами или флексами, то они создают линии, а не колонки. В итоге не получается колонкам дать тень, так как их нет
источник

АХ

Александр Христенко... in FrontCoder
Ты можешь сверстать ещё три блока дать им размеры колонок и запозоционировать абсолютно и уже им дать тень
источник

АХ

Александр Христенко... in FrontCoder
По поводу галок, даже не знаю что предложить
источник

ЖК

Женя Колесник... in FrontCoder
Я сделал контейнер и дал ему дисплей флекс, каждому элементу дал 33,3% и выровнял по центру. В итоге тень сделать не смог и не адаптируется. Когда убираю флекс ведет себя как таблица
источник

АХ

Александр Христенко... in FrontCoder
Ты же элементам даёшь тень? Попробуй дать так же флекс, space-between, align-items: flex start
источник

ЖК

Женя Колесник... in FrontCoder
Я тень даю каждому элементу флекс контейнера(галтчке, тексту) и как-то пытаюсь скрыть лишнее
источник

ЖК

Женя Колесник... in FrontCoder
Получилось галочки выровнять относительно друг друга
источник
2021 September 19

PE

Polina Emelyanova in FrontCoder
Почему ты не отверстаешь все это таблицей?
Ведь это и есть таблица?
источник

PE

Polina Emelyanova in FrontCoder
Отстилизовать tbody - не проблема.
источник

PE

Polina Emelyanova in FrontCoder
Придется с классами заморочиться.
Таблица избавит тебя от вопроса как контролить положение элемента, в частности галок и минусов при раскрытом аккордеоне.
источник

PE

Polina Emelyanova in FrontCoder
Теперь про отступы между элементами - пустые ячейки.
источник

PE

Polina Emelyanova in FrontCoder
Теперь про тень.
Прости, но тут костыль с бекграундом ячейки. Типа по бокам есть n-пиксельный бекграунд по ширине и высоте с куском этой тени....
источник

PE

Polina Emelyanova in FrontCoder
Если найдешь что умнее - прошу, расскажи🙏
источник

PE

Polina Emelyanova in FrontCoder
Ну... Или.. гриды...
источник

ЖК

Женя Колесник... in FrontCoder
Колонкам таблицы ведь не получится тень дать
источник

ЖК

Женя Колесник... in FrontCoder
Да, наверное это лучший вариант, спасибо
источник

ЖК

Женя Колесник... in FrontCoder
Эсли верстать гридами выходит тот же костыль с тенью и кривой адаптив. По факту та же таблица
источник

PE

Polina Emelyanova in FrontCoder
🙏
источник