The responsiveness for Kindle devices doesn’t seem to work fully even though I have media queries for 800px. I’m not sure why this is happening. Please check my website malishalewis.com and try to inspect one of my HTML Emails and you will see what I mean.
[code]
@media screen and (max-width: 800px) {
.main-table {
flex: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 800px) {
.first-bar {
flex: 100% !important;
max-width: 100% !important;
text-align: center !important;
}
}
@media screen and (max-width: 800px) {
.health-check{
flex: 50% !important;
max-width: 50% !important;
}
}
@media screen and (max-width: 800px) {
.info-table {
flex: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 800px) {
.info-two{
flex: 50% !important;
max-width: 50% !important;
padding: 5px !important;
}
}
@media screen and (max-width: 600px) {
.footer {
flex: 50% !important;
max-width: 50% !important;
text-align: center !important;
}
}