CodePen Embed - Email-inline style code


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang-="en">
<head>
<style>

/* Media query */
@media screen and (max-device-width:600px), screen and (max-width:600px) {

/* .class { attribute: value !important;} */
.image { width: 100%!important;}

}
</style>
</head>
<body>
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>
<!-- The image we want to change to 100% width with the class="image" --> 
<img src="imagelink.png" width="100" height="auto" style="display:block; height:auto;" class="image">
</td>
</tr>
</table>
</body>
</html>

This Pen is owned by Jay on CodePen.

See more by @emailjay on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.