PxPeek

See the pixels behind your units.

.card {
  width: min(42rem, 100%); /* 672px */
  padding: 1.25rem 2rem; /* 20px, 32px */
  height: 50vh; /* 450px */
  gap: 0.75rem; /* 12px */
}

Pixel equivalents for rem, em, vh, vw, and more — shown inline or aggregated at end of line. Choose your style in settings. Works in every JetBrains IDE with CSS support.