/*
 * https://stackoverflow.com/questions/35057841/list-in-columns-layout-depending-on-viewport-width#:~:text=You%20can%20use%20CSS%20columns,the%20viewport%20is%20500px%20wide.
 */
p {
  margin: 10px;
}
.container {
  /*        display: grid;*/
  /*        grid-template-rows: 200px;
    grid-auto-rows:200px;*/
  /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
  /*column-count: 2;*/
  /*gap: 10px;*/
}
@media (min-width: 250px) {
  .container {
    column-count: 1;
  }
}
@media (min-width: 500px) {
  .container {
    column-count: 2;
    gap: 20px;
    column-rule: 1px solid #5A8CA9;
  }
}
@media (min-width: 900px) {
  .container {
    column-count: 3;
    gap: 10px;
  }
}
.element {
  border: 2px dashed coral;
  background-color: lightseagreen;
}