relja Comments - Answer Overflow

relja

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

yea i agree, but its weird that when you overwrite the row gap that this happens if you dont overwrite the gap everything "works", Anyway thank you for taking the time out of your day to try to help me

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

skip to 6:15

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

so that fields stay in the same "lane" even when siblings have error msgs

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

https://youtu.be/sT8UlV_Ku0s?t=250

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

.container{
  display: grid;
  background: blue;
  row-gap: 20px;
}
.item{
  display: grid;
  grid-template-rows: subgrid;
  background: green;
  grid-row: span 3 / span 3;
  row-gap: 0px;
}
p{
  padding: 0px;
  margin: 0px;
}

.container{
  display: grid;
  background: blue;
  row-gap: 20px;
}
.item{
  display: grid;
  grid-template-rows: subgrid;
  background: green;
  grid-row: span 3 / span 3;
  row-gap: 0px;
}
p{
  padding: 0px;
  margin: 0px;
}

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

<div class="container"> 
  <div class="item">
    <p>A</p>
    <p>B</p>
<!--     <p></p> -->
  </div>
</div>

<div class="container"> 
  <div class="item">
    <p>A</p>
    <p>B</p>
<!--     <p></p> -->
  </div>
</div>

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

i can copy you this because its samller but its the same problem

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

what part? the whole page?

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

but then the gap at the end gets added :_)

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

the child takes the parents gap and the "third element" disappears

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

when i remove (gap-y-0) row-gap: 0px from the child

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

It has something to do with the reseting of the parents gap

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

if i fill out all the fields (siblings) and there are no elements in the third row of any sibling, the space is still there

26 replies

KPCKevin Powell - Community

•Created by relja on 8/9/2024 in #front-end

Spanning n number of rows takes up space

26 replies

KPCKevin Powell - Community

•Created by relja on 7/15/2024 in #front-end

Is there a way to detect when an element wraps using only CSS (flexbox or grid)?

yea, thank you for taking some time out of your day to try it 😊

10 replies

KPCKevin Powell - Community

•Created by relja on 7/15/2024 in #front-end

Is there a way to detect when an element wraps using only CSS (flexbox or grid)?

@MarkBoots any ideas? 🙂

10 replies

KPCKevin Powell - Community

•Created by relja on 7/15/2024 in #front-end

Is there a way to detect when an element wraps using only CSS (flexbox or grid)?

I need it to be dynamic because there can be more then 2 items in the div

10 replies

Gaming

Programming