{{ block title }}
Runde {{player.round_number}} for {{player.User_role}}
{{ endblock }}
{{ block content }}
<p>
    Bitte zählen Sie alle 7er im angezeigten Zahlenblock
</p>
<div class="grid" >
    <div class="row" >
        <div class="col" style="border: 2px solid #000; padding: 20px; background-color: black; color: white;" >
          <h3>Heading</h3>
          <p>Place your text here</p>
        </div>
        <div class="col" style="border: 2px solid #000; padding: 20px; background-color: #fff;">

            {% for Numbers in Numbers %}
            <div class="number">{{ Numbers|safe }}</div>

          {% endfor %}
            <b>your solution: {{ solution }}</b>
        </div>
    </div>
      <div class="row" >
        <div class="col"  style="border: 2px solid #000; padding: 20px; background-color: #fff;">
          <h3></h3>
          {% for Numbers2 in Numbers2 %}
            <div class="number">{{ Numbers2|safe }}</div>

          {% endfor %}
            <b>your solution: {{ solution2 }}</b>
        </div>
        <div class="col" style="border: 2px solid #000; padding: 20px; background-color: black; color: white;">

            <h3>Heading</h3>
          <p>Place your text here</p>
        </div>
    </div>
</div>
<div style="display: flex; flex-direction: column; align-items: center;">
     {{ Answer }}
  {{ formfields }}
  <button class="btn btn-primary" >OK</button>
</div>



{{ endblock }}