.grid-container_a {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
'form form form form form form'
'rast rast rast rast rast rast'
'jpg jpg gif gif png png'
'vektor vektor vektor vektor vektor vektor'
'wmf wmf wmf svg svg svg'
'sist sist sist sist sist sist';
    width: 500px;
    margin: auto;
    border: 3px solid black;
}
.grid-container_b {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-template-areas:
'form form form form form'
'rast rast rast vektor vektor'
'jpg gif png wmf svg'
'sist sist sist sist sist';
    width: 400px;
}
.form {
    grid-area: form;
    text-align: center;
    background-color:dimgrey;
    border: 3px solid black;
    color: white;
}
.rast {
    grid-area: rast;
    background-color: grey;
    border: 3px solid black;
}
.jpg {
    grid-area: jpg;
    background-color: darkgray;
    border: 3px solid black;
}
.gif {
    grid-area: gif;
    background-color: darkgrey;
    border: 3px solid black;
}
.png {
    grid-area: png;
    background-color: darkgray;
    border: 3px solid black;
}
.vektor {
    grid-area: vektor;
    background-color: grey;
    border: 3px solid black;
}
.wmf {
    grid-area: wmf;
    background-color: darkgray;
    border: 3px solid black;
}
.svg {
    grid-area: svg;
    background-color: darkgray;
    border: 3px solid black;
}
.sista {
    grid-area: sist;
    background-color: grey;
    text-align: center;
    border: 3px solid black;
}
.bokstav {
    font-size: 30px;
}