.home .banner {height: 580px; }<meta name="viewport" content="width=device-width, initial-scale=1" />@media screen and (min-width: 400px) and (max-width: 700px) { … }<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.hidden {
display: none;
}
</style>
<script>
window.onload = function () {
var foo = document.querySelector(".shedule-items");
var message = foo.innerHTML;
var oops = document.querySelector(".oops");
if(message) {
oops.classList.toggle("hidden");
}
}
</script>
</head>
<body>
<div class="shedule-items"></div>
<div class="oops">oops!</div>
</body>
</html><script>
$(document).ready(function() {
var foo = $(".shedule-items");
var message = foo.html();
var oops = $(".oops");
if(message) {
oops.toggleClass("hidden");
}
});
</script><table class="full_width" cellpadding="0" cellspacing="3" border="0" bgcolor="#ffffff" align="center" width="23%" style="border-collapse: separate; color: #000000; border: 1px solid #5b5b5b; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 23%; margin-left: auto; margin-right: auto"><img src="small.jpg"
srcset="large.jpg 1024w, medium.jpg 640w, small.jpg 320w"
sizes="100vw"
alt="" />img {
width: 100%;
max-width: 100%;
height: auto;
}