.daily-entry > :first-child {
  margin-top: 4px; /* mt-1 */
}

/*
  > * + * ---> This is called the
  "lobotomized owl" selector.
  It selects any child element that is
  immediately preceded by another child element.
  This automatically applies the style
  to the second, third, and any subsequent children,
  perfectly skipping the first one.
*/

.daily-entry > * + * {
  margin-top: 8px; /* mt-2 */
}

@media (min-width: 768px) {
  .daily-entry > :first-child {
    margin-top: 8px; /* md:mt-2 */
  }

  .daily-entry > * + * {
    margin-top: 12px; /* md:mt-3 */
  }
}