Maintain aspect ratio
Problem: maintaining aspect ratio for elements.
Solution: use padding based on a percentage.
.aspect-ratio-box {
width: 100%;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
position: relative;
}
.aspect-ratio-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}