I'm very new to frontend - HTML, CSS and bootstrap. I basically want to do a comparison page, where users can enter search terms and the table below will display the information pulled from a database. Currently, when I tried to place the 2 tables and input containers side by side, they overlap and are way too close to each other.

So my question is - what is the best way to style these containers so that they look like the wireframe below?

Thank you!

This is what my page looks now:

[![enter image description here](https://i.stack.imgur.com/qIRqP.jpg)](https://i.stack.imgur.com/qIRqP.jpg)

[![enter image description here](https://i.stack.imgur.com/2H8zI.jpg)](https://i.stack.imgur.com/2H8zI.jpg)