[Theme Tanzaku] Squeezed Images in Grid

A new development: after tweaking some margins and paddings, I have decided that I now want all my posted images to be slightly smaller. I have done so by specifying a new height and width (emphasized strong):

<a href="https://www.holesofmatter.com/wordpress/wp-content/uploads/olmsted_melting07303.gif"><img class="alignnone wp-image-1214" title="olmsted_melting0730" src="https://www.holesofmatter.com/wordpress/wp-content/uploads/olmsted_melting07303-e1342119378312.gif" alt="" <strong>width="463" height="347"</strong> /></a>

[Moderator Note: Please post code or markup snippets between backticks or use the code button. The above code may now have been permanently damaged by the forum’s parser.]

After doing this, I have realized that this new specification prevents Tanzaku from deforming the images when showing them in the grid! However, this specification now seems to be producing an error since the theme now duplicates the dimension attributes (width of 290 pixels) when placing them in the grid. These markup errors show when trying to validate the site.

I don’t know how to code so I have no idea why this is hapenning … Can anyone here help me with this?

Thank you!

In case it helps to anyone, these two steps seem to work:

1. Delete width and height specifications from the post’s html file. Assign width and height values through the WordPress plugin.

2. Include this in the style.css:

div.grid-item div.grid-image img {
	height: auto;
}