HTML, CSS - FLEXBOX AND GRID...

i think making the image and content container size proportional to each other will make it more nice, try to set the grid template column to 1fr 1fr.

be consistent with your padding and margin, i think it is from 900 - 1000px screen width the content gets out of its container and made the layout a bit mess

Hola gabriel. In resolution 894 x 814, your container does not has enought space to handle your div class="texts" Because your container has a height : 90% container { width: 75%; height: 90%; background-color: var(--cards-background-color); border-radius: 10px; display: flex; flex-direction: column;

Try to use a 100% height and that will fix your responsive problem. Use some pading botton to separe.

Sorry for my english.

Have a nice day