;
    min-height: 0;
    border: 2px solid teal;
  }

  .smallText { font: 10px Ahem; }
  .bigText   { font: 20px Ahem; }
  .spacerChild::before {
    content: '';
    display: block;
    background: brown;
    height: 10px;
    width: 10px;
  }
  .justPadding {
    /* Empty div with 5px padding on each side */
    padding: 5px;
    background: cyan;
  }
  </style>
</head>
<body>
<!-- Flex items have unspecified size properties: -->
<div class="container">
  <div class="smallText">a b</div>
  <div class="bi