Cambiar un min-height o min-width así como max-height max-width

En ocasiones tendrás un código definido por CSS donde un div o cualquier otro elemento tiene un tamaño mínimo o máximo de altura o anchura predefinido. Cuando esto pasa en principio no se puede cambiar así que tienes que echar manos de un truquillo (un tip).

Si queréis cambiar el mínimo deberéis poner min-height o min-width a "0" y si queréis cambiar max-height o max-width deberéis poner "none"

Aquí podéis ver el código en acción

See the Pen Solución a problemas con min-width min-height max-width y max-height by Juanje Gregori (@fenderslender) on CodePen.