How to make image not cut off at border-radius?

Question

css

How can I prevent the bottom image from being cut off? codepen.io/anon/pen/MKOYLg?editors=110

Answer 1

This is because img is an inline-block element.
Set for img display: block;
Or for .container

font-size: 0;
line-height: 0;

PS Your .container height was 4 pixels more than the img height.
To understand why this happens, read the article css-live.ru/articles/zagadochnye-otstupy-mezhdu-in...

Answer 2

Remove Height from container lanes.
Overflow hidden there also seems to be not needed in another container