Na aula o professor colocou na classe .produto tanto o "box-sizing: border-box" como também o "min-height:12.5rem".
.protuto {
margin-bottom: 1rem;
padding-top: 2rem;
padding-bottom: 2 rem;
padding-left: 50%;
position: relative;
overflow: hidden;
background-color: var(--branco);
box-shadow: 10px 10px 30px var(--preto-transparente);
box-sizing: border-box;
min-height: 12.5rem;
}
Quando é colocado "min-height;12rem", o cartão poderá ser maior do que o tamanho informado na propriedade, certo? O box-sizing mantém tamanho do elemento em que ele está sendo aplicado e ele não permite que ele aumente, certo?
Se o "min-height" permite que ele seja maior do que os 12.5rem, qual será a função do box-sizing?
Desde já agradeço a atenção. Sucesso na sua jornada!!