79623928

Date: 2025-05-15 17:43:05
Score: 2
Natty:
Report link

min-h-0 would have less CSS specificity than the default style.
To make it work, you can either use min-h-0!:

<div class="collapse border border-base-300 bg-base-100 text-xs">
  <input type="checkbox" class="min-h-0!" />
  <div class="collapse-title min-h-0!">How do I create an account?</div>
  <div class="collapse-content">Click the "Sign Up" button in the top right corner and follow the registration process.</div>
</div>

https://play.tailwindcss.com/ODZ4Ga6Hz1

Or use:

.collapse {
  > input,
  > .collapse-title {
    min-height: 0;
  }
}

https://play.tailwindcss.com/CvB993EF4a?file=css

Reasons:
  • Blacklisted phrase (1): How do I
  • Probably link only (1):
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Low reputation (1):
Posted by: Pouya Saadeghi