I am having trouble getting my homepage to look how I want. I want the four images on http://kaylajenkins.com to be evenly spaced horizontally and vertically (kind of like a 2x2 table). I thought that one way to do this might be to increase the margins horizontally between the photos on each row, but whenever I do this, the gray boxes end up all out of alignment and no longer fit around the images. I've noticed that these boxes/frames only show up when an image has a caption. I do have the CSS upgrade--is there a way to get rid of all gray frames around images? (I don't like the way they look in gallery images either, like this ) Alternatively, should I be editing the HTML code?
Also, if there are any tricks you can tell me to help me basically create a grid of evenly spaced images, that would be extremely helpful, as this is how I'll usually want to display images in the future.
Thanks in advance for the help!
The blog I need help with is kaylajenkins.com.