<p>It looks like the CSS stylesheet is putting all images at 100%, instead of following the height/width information in the image tag. This makes some of the images really huge (when browser widths are large) on the CCK pages. For example: <a href="http://www.commotionwireless.net/docs/cck/building-mounting/gather-tools-and-wireless-equipment/">Gather Tools and Wireless Equipment</a>.</p>

<p>On a large monitor, the header image scales up and becomes pixelated. The individual small pics of tools do the same thing. The exception is "6-in-1 Screwdriver", which appears to have a different style or something that respects the static sizing.</p>

<p>Let me know if you have questions about how to fix, this - I think some of the classes might need to be set to be static, or just to disable scaling on some of them...</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href='https://github.com/opentechinstitute/commotion-docs/issues/154'>view it on GitHub</a>.<img src='https://github.com/notifications/beacon/3074564__eyJzY29wZSI6Ik5ld3NpZXM6QmVhY29uIiwiZXhwaXJlcyI6MTcxMzQ1NDg4MiwiZGF0YSI6eyJpZCI6MzAzMzIxNDZ9fQ==--a244f1e711cc435340d32866c6931159875a7393.gif' height='1' width='1'></p>