Skip to content

add css grid row span #35737

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
2 tasks done
kitsguru opened this issue Jan 28, 2022 · 6 comments
Closed
2 tasks done

add css grid row span #35737

kitsguru opened this issue Jan 28, 2022 · 6 comments
Labels

Comments

@kitsguru
Copy link

Prerequisites

Proposal

I like the css grid but it is lacking a row span similar to column span. Currently a row only gets grid-row-end of auto.

https://css-tricks.com/the-holy-grail-layout-with-css-grid/

Motivation and context

I was trying to create the holy grail layout just using BS5 but with lack of row span it was not possible.

@WinterSilence
Copy link
Contributor

@kitsguru
Copy link
Author

kitsguru commented Feb 3, 2022

nesting has nothing to do with row span, it is a part of the grid spec. Nesting grids is in the level 2 spec for grid for subgrid.

@WinterSilence
Copy link
Contributor

@kitsguru my fail, I no remove hash from url. https://codepen.io/WinterSilence/pen/yLPJZRz

@kitsguru
Copy link
Author

kitsguru commented Feb 3, 2022

got it - although the documentation could use a bit of fleshing out on the grid-row. syntax to show spanning rows

@WinterSilence
Copy link
Contributor

@kitsguru code based on example https://getbootstrap.com/docs/5.1/layout/css-grid/#adding-rows , you can add grid-row classes by utility API

@GeoSot GeoSot added the css label Feb 8, 2022
@mdo mdo mentioned this issue Apr 12, 2022
2 tasks
@mdo mdo added the v5 label Apr 12, 2022
@Aliyosign
Copy link

hey
am interested in this task , how will l help out or go about it

@mdo mdo added the stale Closed as stale label Apr 10, 2025
@mdo mdo closed this as not planned Won't fix, can't repro, duplicate, stale Apr 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

5 participants