Как сделать чтобы картинка не обрезалась при border-radius?

Question

[vasIvas]

Как сделать чтобы картинка снизу не обрезалась? codepen.io/anon/pen/MKOYLg?editors=110

Comments

[riot26]

перекинуть border-radius на img ?

Answer 1

[Кирилл]

Это происходит из-за того, что img - inline-block элемент.
Задайте для img display: block;
Или для .container

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

P.S. У вас высота .container была на 4 пикселя больше высоты img.
Что-бы понять, почему так происходит прочитайте статью css-live.ru/articles/zagadochnye-otstupy-mezhdu-in...

Answer 2

[Андрей Федоров]

Зачем тут в принципе картинка?
codepen.io/aliencash/pen/rxYabO?editors=110

Answer 3

[Алексей Струков]

Height у майн контейнера уберите.
Overflow hidden там тоже вроде не нужен у другого контейнера