I am working on my portfolio site. I have made link blocks into rounded cards and cover images with a small blurb about each project.
The cover images are just background images set to child divs inside of the link blocks.
As you can see in this screenshot of my preview there is what looks like a 1px sliver of the link block showing on the right edge of the cover image.
As you can see in this screenshot of my published site, the opposite is happening where a white sliver is showing up to the right of the info.
Can anyone tell me what is going on here? Have I chosen a poor method of executing this? I really don’t want this detail to be messed up here.
On top of all of this, the rounded corners are not very smooth.