what effect does setting min-height after height: auto do?

Question

What is the effect of setting min-height css property but also defining height: auto?

height: auto;
min-height: 300px;    

Answer 1

height: auto is the default value for height, so you'd only need to include it to override a height set somewhere else in the stylesheet. For example, you might have:

div.box {
  height: 32rem;
}

div.box.special {
  height: auto;
  min-height: 32rem;
}

This would have the effect of allowing <div class="box special"></div> to expand past its 32rem minimum height if the content required it.