I created a grid with images just as I have used flexbox in project.
https://codepen.io/mary_pieroszkiewicz/pen/QgMrMo
When creating the grid I had to use the negative margins right and bottom.
But I have a problem with the effect: hover overlay on a image and border color with transparency.
http://i.imgur.com/HcQtc8w.jpg
I also have made a grid using CSS Grid Layout (display: grid).
https://codepen.io/mary_pieroszkiewicz/pen/MooRpY
Please help how can I get these effects.
Thank you.