aaron Comments - Answer Overflow

aaron

•Created by aaron on 5/15/2025 in #help

Can't reason how to span grid item?

@Chris Bolson thank you so much, you have maded my day.

7 replies

•Created by aaron on 5/15/2025 in #help

Can't reason how to span grid item?

I think what you explained about priority makes sense a lot. If we convert

> .span-item { 
grid-row: 2 / span 2
> .span-item {

> .span-item { 
grid-row: 2 / span 2
> .span-item {

> .span-item { 
    grid-row-start: 2;
    grid-row-end: span 2;
  }

> .span-item { 
    grid-row-start: 2;
    grid-row-end: span 2;
  }

. The item D will be moved to the column 1. Then we change CSS rule to

 > .span-item {
   grid-row-end: span 2; 
  }

 > .span-item {
   grid-row-end: span 2; 
  }

 > .span-item {
   grid-row-start: span 2; 
  }

 > .span-item {
   grid-row-start: span 2; 
  }

which causes item D to not have higher priority than item C. Item D stays on column 2.

7 replies

•Created by aaron on 5/15/2025 in #help

Can't reason how to span grid item?

Thank you so much. I am so impressed for your prompt reply.

7 replies

•Created by redcaus1235 on 5/14/2025 in #help

Button Align Problem

10 replies

•Created by redcaus1235 on 5/14/2025 in #help

Button Align Problem

Is it possible for you to use CodeSandbox, I think it is easier if you need JS/CSS framework.

10 replies