How to create a border around summary posts

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!

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

Add to Design > Custom CSS

.fe-block-yui_3_17_2_1_1688058148385_29220 .summary-item-list {
    margin-left: unset !important;
  
}
.fe-block-yui_3_17_2_1_1688058148385_29220 .summary-item {
    width: calc(~"33.46% - 2px") !important;
}