Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- section{
- width:80%;
- margin:0 auto;
- }
- section>dl{
- display:grid;
- grid-template-columns:1fr;
- grid-auto-rows:180px;
- grid-gap:10px;
- }
- section div {
- background-color: #F0F0F0;
- text-align: center;
- padding:2em;}
- section dd {
- margin: 0;
- color: #66cca8;}
- section dt { text-transform: uppercase;}
- /* ==========================================================================
- Media Queries
- ========================================================================== */
- @media only screen and (min-width: 480px) {
- section>dl{
- grid-template-columns:repeat(2,1fr);
- }
- section div {
- padding: 1em; }
- section dt {
- margin-bottom: 1ex; }
- }
- @media only screen and (min-width: 768px) {
- section>dl{
- grid-template-columns:repeat(4,20%);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement