CODEWITHSUNDEEP
responsive-designhtml-email
Jimbly2
Jimbly2

Reputation: 227

Scaling type with media queries

could someone tell me why this isn't scaling the type in the class called "heading"? I'm probably missing some vital element, but I can't see what it is!

Thanks!

Jim

  @media  only screen and (max-width: 480px) 

       {
    /* iPhone only  (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) - only screen and (max-width: 480px)
    (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)*/

        body,table,td,p,a,li,blockquote {
          -webkit-text-size-adjust:none !important;
        }
        table {width: 100% !important;}

        .responsive-image
        img {
          height: auto; line-height: 100% !important;
          max-width: 100% !important;
          width: 100% !important;
        }
        .heading
        { font-size: 10px !important;
        }
       }

    </style>
  </head>
  <body>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td>
          <table border="0" cellpadding="0" cellspacing="0" align="center" width="600" bgcolor="#FFFFFF">
            <tr>
        <td width="600"><table width="600" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td style="padding: 0 0px;" align="center" class="responsive-image" width="307" height="auto"><img src="http://contact.friendslife.co.uk/ukassets/images/482/Responsive_test/fpi_test_top_sky.jpg" width="100%" alt="" ></td>

            <td width="266" bgcolor="#ED4134" style="font-family:Arial; font-weight:300; font-size:15px; color:#FFFFFF; padding:0px; text-align:right; class="heading">Newsletter June</td>

Upvotes: 0

Views: 47

Answers (1)

zazzyzeph
zazzyzeph

Reputation: 1795

you missed a quote on the td ;)

<td width="266" bgcolor="#ED4134" style="font-family:Arial; font-weight:300; font-size:15px; color:#FFFFFF; padding:0px; text-align:right;" class="heading">Newsletter June</td>

Upvotes: 1

Related Questions