Slater Memorial Museum

/* ----------------------------------------- */ /* View: home page grid - start */ /* ----------------------------------------- */ .homepagegrid { /*width: 100%;*/ background-color: #eee; clear: both; padding-bottom: 10px; } /* ----------------------------------------- */ /* View: home page grid - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: homepage grid item - start */ /* ----------------------------------------- */ .myarticle { width: 32%; float: left; /*margin-left: 10px; */ /*margin-left: 1.25%; */ margin-left: 1%; margin-top: 10px; } .myarticle:nth-of-type(3n+1) { clear: both; /*margin-left: 0;*/ } .article-title { background-color: #a6988f; text-align: center; text-transform: uppercase; font-size: 25px; padding: 5px; margin-bottom: 10px; } .article-title a.header { color: white; } .article-img { margin: auto; } @media only screen and (max-width: 768px) { .myarticle { width: 48%; float: left; /*margin-left: 10px; */ margin-left: 1.33%; margin-top: 10px; } .myarticle:nth-of-type(3n+1) { clear: none; } .myarticle:nth-of-type(2n+1) { clear: both; } .article-title { font-size: 12pt; } } @media only screen and (max-width: 480px) { .myarticle { width: 96%; float: left; /*margin-left: 10px; */ margin-left: 2%; margin-top: 10px; } .myarticle:nth-of-type(2n+1) { clear: none; } .article-title { font-size: 12pt; } } /* ----------------------------------------- */ /* Content Template: homepage grid item - end */ /* ----------------------------------------- */