#main-row, #md-text { width: 80%; margin: auto; } #predictions-text, #user-image, #first-col{ height: 100% !important; max-height: 100% !important; min-height: 100% !important; } #main-row { min-height: 30rem; } #md-text { padding-top: 3%; padding-bottom: 2%; } #breed-description { padding-top: 2%; padding-bottom: 4%; } .h-60 { height: 30em !important; } @media (min-width: 768px){ .md\:min-h-\[15rem\] { min-height: 26rem; } } @media (min-width: 1280px){ .xl\:max-h-\[18rem\] { max-height: 30rem; } } @media (min-width: 1536px){ .\32xl\:max-h-\[20rem\] { max-height: 30rem; } }