.containerjh{
  display: grid; /* Defines the element as a grid container */
  /* Creates two columns, each taking up an equal fraction of the available space */
  grid-template-columns: 1fr 1fr;
  /* Creates two rows, each taking up an equal fraction of the available space */
  grid-template-rows: 1fr 1fr;
  /* Optional: Adds a gap between grid items */
  gap: 0px;
  /* Optional: Sets a fixed height for the container to see 'fr' units in action */
  height: 720px;
  /* Optional: center the grid on the page */
  margin: 0px auto;
  max-width: 640px;
}

.boxjh {
  /* Basic styling for the boxes */
  border: 1px solid #0070C0;
  padding: 20px;
  text-align: left;
  color: #000;
 }