Committed and Pushed by ButtonClick
This commit is contained in:
@@ -42,10 +42,9 @@ h1, h2 {
|
||||
background: #000;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
/* Keep a 16:9 box that doesn't stretch beyond the source resolution */
|
||||
width: 100%;
|
||||
max-width: 1280px;
|
||||
aspect-ratio: 16 / 9;
|
||||
aspect-ratio: 4 / 3;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@@ -56,7 +55,8 @@ h1, h2 {
|
||||
#overlayImg {
|
||||
position: absolute;
|
||||
inset: 0; /* top:0; right:0; bottom:0; left:0 */
|
||||
width: 100%;
|
||||
/*width: 100%;*/
|
||||
width: 1280px;
|
||||
height: 100%;
|
||||
/* Use `contain` so both layers scale uniformly and show letterboxing instead
|
||||
of stretching or cropping when the container size differs from the image. */
|
||||
|
||||
Reference in New Issue
Block a user