.player-flex-grid {
        display: flex; /* Enables flexbox */
        flex-wrap: wrap; /* Allows items to wrap to the next line */
        justify-content: space-between; /* Distributes space between items */
    }
    
    .player-grid-col {
        /* Calculate width dynamically. Subtract margins/gaps if needed. */
        width: calc(100% / 3 - 10px); /* Example calculation with a 10px margin in mind */
        margin-bottom: 10px;
        padding: 1em;
        box-sizing: border-box; /* Ensures padding/border are included in width */
    }

    .player-col-table-force-left th,
    .player-col-table-force-left td {
       text-align: left;
       padding-bottom: 10px;
       padding-right: 20px;
    }