Is there a way to maintain the same aspect ratio and keep the left and right divs side by side when resizing the window? I want them to stay consistent without changing no matter how much I resize the window.
Here is an example of what I am looking for:
https://i.sstatic.net/8RLL1.png
This is the code I have been working with:
body {
background: #222222;
}
#wrap {
position: relative;
width: 100%;
height: 100%;
min-height: 100%;
@media screen and (max-width: 1080px) {
height: auto;
}
}
.input_style {
position: relative;
display: block;
width: 100%;
height: 9.64vh;
/* rest of the CSS code... */
Note: The media queries included in the code can be ignored as they did not provide the desired results, but I wanted to show you my attempts.