Html – How does one make two divs both take up 50% of the screen while maintaining their height responsively?
.card--card.gradient, .card__inner.gradient { transform: perspective(0); } .card--card, .card--standard .card__inner { position: relative; box-sizing: border-box; } .card__inner { width: 100%; display: flex; flex-direction: column; flex: 1 1 50%; overflow: hidden; --ratio-percent: 99.77064220183487%; } .ratio { display: flex; position: relative; align-items: stretch;…