Реально ли такое сверстать?

Question

[godsplane]

Если да, то как именно?
чет у меня даже идей нет

Comments

[Ankhena]

А что именно у вас вызывает затруднения?
Гриды? Псевдо с радиальными градиентами (или svg)?

Тут даже теней нет, чтобы были проблемы.

[godsplane]

Ankhena,

если делать гридами, то непонятино как делать закругления.
У меня была идея с бордером серым, и зеленым фоном всего блока, но тогда бордеры придется укзаывать для выборочных сторон.

+ текст в желтом блоке явно нужно будет абсолюбтом пихать, так как он выйдет за рамки гридов
делить на блоки я думал как то так

А что именно у вас вызывает затруднения?

вы все так пишете, будто бы каждый день такие элементы верстаете и каждый день встречаете их в дизайнах

[Ankhena]

godsplane,

если делать гридами, то непонятино как делать закругления.

Написала в первом комментарии.

+ текст в желтом блоке явно нужно будет абсолюбтом пихать, так как он выйдет за рамки гридов

Зачем?
Абсолютами там только псевдо с уголками.
Хитрость одна: синий блок это два элемента (вот как у вас на картинке), а не один. Ну либо псевдо от большого блока, чтобы не делать пустых оберток.
Желтый не вижу смысла делить.

У меня была идея с бордером серым, и зеленым фоном всего блока, но тогда бордеры придется укзаывать для выборочных сторон.

Фон серый. И gap.

вы все так пишете, будто бы каждый день такие элементы верстаете и каждый день встречаете их в дизайнах

Угу, регулярно, раз в месяц, наверное, в течение уже многих лет отвечаю на вопросы про аналогичные скругления.
Ещё бы что-то новое придумали...

[godsplane]

Ankhena,
Вы предлагаете что-то такое?
И ненужные гапы перекрывать псевдо?

https://play.tailwindcss.com/EgiJ8JAiZX

[Ankhena]

godsplane, в свою же сетку не попали и скруглений много лишних, но да, типа того.

[godsplane]

Ankhena, так а без перекрытий псевдо никак не получится сделать?Даже сабгридами?

https://play.tailwindcss.com/yP0RXoqVRR я просто еще чето такое придумал, но не могу выбрать что лучше, уголки буду накладываьт свг абсолютом

[godsplane]

и что значит не попал в свою сетку?

[Ankhena]

godsplane,

я просто еще чето такое придумал, но не могу выбрать что лучше

да без разницы, делайте как удобнее

Answer 1

[Daemon23RUS]

Реально ли такое сверстать?

Да

Comments

[godsplane]

доказательства будут?

[bit8]

godsplane, Доказательства оплаты будут?

[Daemon23RUS]

godsplane, Доказательства чего ? что этот макет делается дивами со скруглениями и бордером ? Так это очевидно любому вменяемому верстальщику. Причем div не единственный способ такой макет сверстать. Я даже больше скажу, этот макет может быть еще и адаптивным.
Если Вы верстаете, создавайте вопрос со своим примером кода и того, что у вас не выходит. Мы увидим, подскажем.
Если Вы в стадии поиска подрядчика под такой дизайн и у вас сомнения в возможности такой верстки, так я дал ответ, повторю: Да

[godsplane]

Daemon23RUS, вопрос общий, я ждал ответа в духе: "тут можно гриды использовать, с отрицательыми марджином итд",а не примеры вертски.
У меня опыт верстки около 3-х лет и я в ступоре, потому что тут даже сетки нет, и эти соединения между блоками довольна странные, поэтому я спрашиваю "доказательства будут?", рефы, что угодно, потому что сказать "да" может каждый.

что этот макет делается дивами со скруглениями и бордером

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

Если Вы верстаете, создавайте вопрос со своим примером кода и того, что у вас не выходит.

То есть

чет у меня даже идей нет

не дает понятия того что идей нет и смысл от примеров кода, если даже не понятно что делать.

bit8, оказывается за ответы на вопросы на бесплатном ресурсе нужно платить, не знал

[Daemon23RUS]

godsplane,

"тут можно гриды использовать, с отрицательыми марджином итд",а не примеры вертски.
У меня опыт верстки около 3-х лет и я в ступоре, потому что тут даже сетки нет, и эти соединения между блоками довольна странные, поэтому я спрашиваю "доказательства будут?", рефы, что угодно, потому что сказать "да" может каждый.

А пишите что идей нет.
Нет сетки, создайте кастомную, а в общем сетка то нужна если у Вас все страницы по такому шаблону, а для 1й - решать Вам. Т.е Вы обладаете полной информацией. Начните верстать, не выходит, пишите вопрос со своим примером кода.

оказывается за ответы на вопросы на бесплатном ресурсе нужно платить, не знал

В таком виде вопрос выглядит как FL задание.