.myclubtapahtumat {
    border: 1px solid #00315a;
    border-radius: 5px;
    grid-area: myclubtapahtumat;
    padding: 10px;
}

.myclubkirjaudu {
    border: 1px solid #00315a;
    border-radius: 5px;
    grid-area: myclubkirjaudu;
    padding: 10px;
}

.myclub {
    display: grid;
    grid-template-rows: auto;
    grid-template-areas:
        "myclubtapahtumat"
        "myclubkirjaudu";
    grid-gap: 5px;
}

.myclublinkki {
    text-decoration: none;
}

.myclublinkki:pressed {
    color:#FFF !important; background-color:#00315a !important
}

/* testataan näytön koko -> luodaan suuremmalle näytölle 2 saraketta */
@media (min-width:641px) {
  .myclub {
    grid-template-columns: auto minmax(min-content, 280px);
    grid-template-areas: 
      "myclubtapahtumat myclubkirjaudu";
  }
 }