How to make CSS3 rounded corners hide overflow in Chrome/Opera

Question

I need round corners on a parent div to mask content from its childen. overflow: hidden works in simple situations, but breaks in webkit based browsers and Oper

Answer 1

I tried every answer but without success. After few hours of investigating I found solution for this problem. Using this properties in your class will not allow div elements to overflow the container.

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}