Marktaylor

Cna you send my link to your website or send me image cos I don't really understand what you trying to do.

or you can try it this code .rowmain { display: flex; min-height: 100vh; width: 100%; padding: 10px 0 10px 0; margin: 10px 0 10px 0; border: 2px solid navy; background-color: rgba(11, 119, 44, 1); background: rgba(11, 119, 44, 1); color: rgba(11, 119, 44, 1); overflow: none; } .leftimg { float: left; width: 45%; height: 320px; font-family: Arial; color: #FEF514; font-size: 16px; padding: 0; border: 2px solid #FEF514; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; background: rgba(0, 0, 0, 0); } .righttext { float: left; width: 55%; height: 300px; margin: 12px 12px 12px 4px; padding: 0 22px 22px 22px; font-family: Arial; font-size: 16px; color: #FEF514; border: 2px solid pink; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; background-color: rgba(215, 44, 44, 0.7); background: rgba(215, 44, 44, 0.7); color: rgba(215, 44, 44, 0.7); } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .leftimg { width: 98%; margin: auto; } .righttext { width: 98%; margin: auto; border: 2px dashed white; } remove yours and add this one

Hi Maybe you should you bootstrap3 will be really easy way to create 2 div's responsive. If you need help to do this in bootstrap just let me know. Trust me if you know basic bootstrap knowledge you will save time.

on of the best and free website is the www.w3schools.com. Start from HTML and then you can learn css to make your website looks better and so on.