* {
    box-sizing: border-box;
}

main {
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin: auto;
}

#jatek-ter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid black;
}

#jatek-ter > div {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid black;
}

#jatek-ter > div > svg {
    display: block;
}

#jatek-ter > div > svg > polygon {
    fill: red;
    stroke: black;
    stroke-width: 5%;
}

#jatek-ter > div > svg > circle {
    fill: green;
    stroke: black;
    stroke-width: 5%;
}