Show and Hide Div

Show and Hide Div

by Emmanuel Garcia

HTML

<div id="grande"><script type='text/javascript' src='//www.opentable.com.mx/widget/reservation/loader?rid=333661&domain=commx&type=standard&theme=wide&lang=en&overlay=false&iframe=true'></script></div>


<div id="chico"><script type='text/javascript' src='//www.opentable.com.mx/widget/reservation/loader?rid=333661&domain=commx&type=standard&theme=standard&lang=en&overlay=false&iframe=true'></script></div>

CSS

@media screen and (max-width: 860px) {
#grande {display: none !important;
        width: 50%; margin: 0 auto; text-align:center;}}
@media screen and (min-width: 861px) {
#chico {display: none !important;
        width: 50%; margin: 0 auto;}}