b_tee

@tuanphan thank you, its touching the top but not at the bottom. please see site: https://www.bettytang.ca/ 
also, is there a way to make it stick so it doesnt bounce when its scrolling down?

@tuanphan do you think you can help me with this?? thank you so much!! 🙂

Sorry, I meant that is what I am trying to achieve.

Here is my website: https://www.bettytang.ca/ . The vertical line is not touching the top and end. 

Thanks! @tuanphan

www.bettytang.ca 

I am trying to create a grid aesthetic similar to the first section on this website: https://www.studiobicyclette.com/ 

This is for the first part of my page with the sticky split section. I have the vertical line but it is not touching the top header and the bottom part.

Here's my code including the sticky split: 

#block-yui_3_17_2_1_1689133381343_1530 {
  border-right: 1px solid #000;
}
#block-yui_3_17_2_1_1689221722923_8205 { 
  border-right: 1px solid #000;
}
@media(min-width:767px) {
  .col.wm-sticky-column {
    position:sticky;
    top: 150px;
  }
}

Thanks!!

This is my website: https://www.bettytang.ca/

1. Can't figure out why the border around the summary box images is getting cut off at the end. 

I am using this code:

.summary-item {
  border: 1px solid black;

2. Also, how can I recreate this for my summary box images - a border around the image and a border around the blog date and title? Basically, two border boxes, similar to the attached image. Thanks!