* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  clear:both;
}

.homebox {
  padding: 10px;
  flex: 50%;
}

.homebox a:focus {
  outline: 3px solid #0077CC;  /* A thick outline in a contrasting color */
  outline-offset: 3px;         /* Pushes the outline away from the link text */
  text-decoration: none;       /* Or whatever best fits your design */
  background-color: #EBF5FF;   /* Optional: subtle background highlight */
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
  .homebox {
    flex: 100%;
  }
}