How to create a line between grid col
we can create col using grid but i dont how to deal with that vertical line in between can you explain?
5 Replies
yea, there is not something native to use. you can do it with pseudo elements, background gradients or just borders on the childs. depends a bit on what the exact grid looks like
what's the intended final result of this?
with pseudo on childs it could be something like this
https://codepen.io/MarkBoots/pen/YzMaJJr
I just rembered, there is also css column which has column-rule. So that could be an option as well
https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule
MDN Web Docs
column-rule - CSS: Cascading Style Sheets | MDN
The column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
ohh, thank you