<div class="deck-label">{{Deck}}</div>
<div class="field">{{Front}}</div>
{{Front}}
<div id="front_side">{{FrontSide}}</div>
<hr>
<div class="field">{{Back}}</div>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
div {
overflow-wrap: initial;
}
.card {
position: relative;
overflow-wrap: initial;
padding: 10px 20px;
box-sizing: border-box;
height: 100%;
background-color: white;
}
.card1 > div {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
font-family: "D2Coding Ligature", D2Coding, Consolas, monospace;
font-size: 20px;
text-align: left;
color: black;
}
.deck-label {
color: grey;
font-size: 12px;
flex-basis: 0;
}
.field {
white-space: pre;
flex-grow: 1;
overflow: auto;
padding-bottom: 1em;
}
#front_side {
display: flex;
flex-direction: column;
}
hr {
margin-left: 0;
margin-right: 0;
}
_하_이