Как сделать border, вокруг дочерних элементов?

hudiakov, там конечно есть какой-то отступ непонятный мне, и там надо из нескольких теней сделать одну что бы получилось менее расплывчато, как и посоветовала Ankhena )

Как сделать border, вокруг дочерних элементов?

hudiakov, попробовал я разные решения, это самое более менее простое скорее всего) https://codepen.io/kapysta-xxl/pen/oNOWxrY

Как сделать border, вокруг дочерних элементов?

hudiakov, там просто нужно убрать gap, и сетку делать на флексах, с вложенными блоками которые нахоидились бы внутри блоков с классом .element

Как сделать border, вокруг дочерних элементов?

Ankhena, спасибо разобрался, ща попробую написать решение автору готовое

Как сделать border, вокруг дочерних элементов?

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

например

<div class="wrapper">
  <div class="block">
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
  </div>
  <div class="block">
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
  </div>
</div>

есть ли идеи о том как реализовать этот бордер, если тут не будет например блоков с названием .block а просто будут идти элементы

то есть что бы было вот так

<div class="wrapper">
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
</div>

Как сделать border, вокруг дочерних элементов?

Ankhena,

Ну поместится другое количество блоков в строке

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

Как сделать border, вокруг дочерних элементов?

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

Как сделать border, вокруг дочерних элементов?

Ankhena, ???)))

Как перенести данные из html в VS?

GavriKos, мне кажется он просто имеет ввиду что значение из инпута хочет в vscode посмотреть, ну типа как через Js получить e.target.value, только через C#, фронт похоже на C# пишет

Как преодолеть войну браузеров при выборе DateTime input?

как сделать везде одинаково?

- если только писать свой с нуля ( типа на дивах ), или использовать готовый самописный чей-либо

Как получить id token google api?

Zashamee, данные о юзере ( от гугла ) нужны только когда ты выполняешь вход/регистрацию через гугл, на своём сайте
а так в целом я коммент не до конца понял твой

Как получить id token google api?

И для этого мне нужно отправить токен (id token) на наш бэк для того чтобы прошла проверка на подлинность данных

это ты где об этом узнал ? чё за х

Как сделать border, вокруг дочерних элементов?

hudiakov, в общем удачи в реализации

Как сделать border, вокруг дочерних элементов?

hudiakov, хотя я чуть чуть изменил пример, может это как-то поможет с адаптивом, там где я ссылку скидывал

Как сделать border, вокруг дочерних элементов?

hudiakov, да лучше через js, потому что я думаю что не выйдет через один блок сверстать этот зеленый бордер, либо этот бордер вообще через js отрисовывать, можно кстати у Ankhena спросить, Ankhena - есть у вас мысли по поводу этой задачи ? ( в плане адаптива )

Как сделать border, вокруг дочерних элементов?

hudiakov,

<div class="wrapper">
  <div class="block">
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
  </div>
  <div class="block">
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
  </div>
</div>

*{
  box-sizing: border-box;
}

.wrapper{
  margin: 50px auto;
  width: min-content;
  display: flex;
  flex-direction: column;
  filter: drop-shadow(0 0  1px red);
}

.block{
  height: 100px;
  display: flex;
  width: min-content;
  gap: 0 10px;
  background: #fff;
}

.block:last-child{
  padding-top: 10px;
  border-top: none;
}

.element{
  width: 100px;
  height: 100%;
  border: 1px solid gray;
}

Как сделать border, вокруг дочерних элементов?

hudiakov, там у меня кстати вообще блоки выпали

Как сделать border, вокруг дочерних элементов?

hudiakov, кстати Ankhena неплохой вариант посоветовала, немного подкорректировать как-нибудь и нормально выйдет, она всё же на большем опыте чем я, и уже натренировалась там во всю с этим css

я вообще этот filter: drop-shadow, только для картинок применял) даже в голову не приходило для блока применить

Как сделать border, вокруг дочерних элементов?

hudiakov, https://codepen.io/kapysta-xxl/pen/qBwRooY

как-то так, но чёт там плохо отображается, но суть я думаю там понятна, если мастабировать, то оно нормально отобразиться, это видимо баг у codepen я хз

Как растянуть соседний блок параллельно основному?

ne-programmist, ппц там конечно и разметка и стили - полное дерьмо, переверстай это лучше