it should still fix some issue The main problem with your title placement was that you didn't define a grid-area name for them, and then list it in grid-template-areas. Once in a grid container, a heading (h1, h2, etc.) is just another grid item.
Any of those help You just need to remove the position:Absolute that breaks the inline-block behavior. Instead use some trick to fight the space between inline-block elements and be sure the two elements can be aside on the containers width. Try this:
To fix the issue you can do I want to make my divs sortable with jQuery UI but I have a few problems with it. .content_left is a div where the box should be able to change their position. , If you just want to remove the header from being able to sort: