Use minmax on draft grid
This commit is contained in:
parent
8b8f206b68
commit
f7e0403619
1 changed files with 7 additions and 3 deletions
|
@ -3,8 +3,12 @@
|
||||||
<section class="playerlist">
|
<section class="playerlist">
|
||||||
<b>Players</b>
|
<b>Players</b>
|
||||||
</section>
|
</section>
|
||||||
<section class="pool"><b>Card pool</b></section>
|
<section class="pool">
|
||||||
<section class="cardlist"><b>Cards</b></section>
|
<b>Card pool</b>
|
||||||
|
</section>
|
||||||
|
<section class="cardlist">
|
||||||
|
<b>Cards</b>
|
||||||
|
</section>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -13,7 +17,7 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
grid-gap: 10px;
|
grid-gap: 10px;
|
||||||
grid-template-columns: 200px 1fr 250px;
|
grid-template-columns: minmax(200px, 1fr) 3fr minmax(250px, 1fr);
|
||||||
section {
|
section {
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
border: 1px solid #555;
|
border: 1px solid #555;
|
||||||
|
|
Loading…
Reference in a new issue