How do I remove spacing between Videos in a custom liquid

Store Design
1

Hello,

I’m trying to create a gallery page for our website. I have some images setup and I like the way it looks but I want to add some videos to the bottom of the page but there is a ton of space between them.

Example:

Gallery Page.png
Gallery Page.png2560×1440 453 KB

Here is the code that I am using now:

Any help from the community would be apprecitated.

Thanks

2

Hi @MarkHester
Thank you for your question.
Please send your site and if your site is password protected, please send me the password. I will check it.

3

Hi @MarkHester
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.grid__item > video {
width: 100%;
}
4

@ExpertRookie ok that worked to remove the spacing between them but it changed the sizing i made in the custom liquid. Is there a way to make them smaller again?

Galery2.png
Galery2.png2560×1440 608 KB