Adding grid borders to my products

I'm trying to do this exact type of grid on my shop.  I managed to create this code: 

.products.collection-content-wrapper .grid-item-link{

border: 1px solid #000;

border-radius: 0px;

grid-column-gap:0px;

grid-row-gap: 0px;

}

}

.tweak-products-text-alignment-middle .products.collection-content-wrapper .grid-meta-wrapper {

border: 0px solid #000;

border-radius: 0px;

  text-align: LEFT;

   grid-column-gap:0px;

grid-row-gap: 0px;

}

but It looks so bad... Anyone can help to achieve that exact design? thank you

Can you share your website and the page you're working on?

here is my website: www.voodoo-warehouse.com 

Start with this Custom CSS:

// Shop grid borders
@media screen and (min-width: 768px) {
  .products.collection-content-wrapper .list-grid {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }
  .custom-filter-container.using-simple-filter.used-css-animation .custom-filter-grid .custom-filter-grid-item {
    padding: 2vw;
    border: 1px solid #000;
  }
  .tweak-products-text-alignment-middle .products.collection-content-wrapper .grid-meta-wrapper {
    border-top: 1px solid #000;
    padding: 2vw;
  }
}

It looks great so far, but there are still a few elements I'd like to tweak. Firstly, I'd like the grid lines to seamlessly integrate from left to right without any gaps and also I want all the borders to have the same width. Here's a screenshot for reference:

For inspiration on achieving this, please take a look at this website: https://thingsyoucanbuy.co.uk/collections/perambulation-bundles

Additionally, I'd like to replicate the style of the product title and price as shown in the screenshot. Thanks

Change:

padding: 2vw;

to

padding: 0vw;

Thank you so much! Really appreciate your help

@Ziggy Thanks for sharing 🙂 How do I remove double border that's happening? 

This is the code: 

@media screen and (min-width: 768px) {
  .products.collection-content-wrapper .list-grid {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    padding: 0 !important;
    
    
  }
  .custom-filter-container.using-simple-filter.used-css-animation .custom-filter-grid .custom-filter-grid-item {
    padding: 2vw;
      border: 1px solid #000;
    
  }
  
}