2 hours ago, Ashish Sharma-RSi said:
Tried the inspector, still can't fig. out the problem. I know, it is in the padding or margin, but can't seem to figure it out.
I missed the css the first time, sorry about that! I've had a look but don't have more than notepad and chrome at the moment (on mobile). I think that you should look at your column layout. At the moment they are behaving like 4 individual elements, rather than 2 rows of 2 elements, which is what I think you are after. As they all have different amounts of text that throws off the layout as they are all different sized boxes (height) as you use % widths on all the boxes at once.
Try wrapping the two boxes you want in a row, and the setting the widths and heights to match each other so that the boxes are all the same size, use margin and padding on the boxes to get everything looking good.
I hope that helps point you in the right direction.