hello, I give a few tips... The more easy way to do this is using flex. You need a parent container with de display set as flex, by default display-direction is set as row, this makes the two containers inside sit next to each other without needing to use display: inline-block (for movile you must set display-direction: column using media queries). The containers have different heights because if the height property is not set, they adapt to their content using the height of their parent container as the maximum height, in this case, body. I hope I helped you. If you want, I invite you to see the solution in my profile. Surely my solution is not the best and it can be improved but it can serve as a guide. See ya 😉
Marked as helpful
@AbuKesh
Posted
@fico444 Thank you sir for helping me out in this