@media all and (min-width:960px) and (max-width:1024px){}@media all and (min-width:801px) and (max-width:959px){}@media all and (min-width:769px) and (max-width:800px){}@media all and (min-width:569px) and (max-width:768px){}@media all and (min-width:481px) and (max-width:568px){}@media all and (min-width:321px) and (max-width:480px){}@media all and (min-width:0px) and (max-width:320px){}
.grid-container{display:grid;padding:20px;box-sizing:border-box;margin:auto;grid-gap:20px;}.grid-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:20px;text-align:center;box-sizing:border-box;}.button-demo.glass{white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:10px 15px;text-align:center;vertical-align:middle;display:inline-block;}@media all and (min-width:569px){.grid-container{grid-template-columns:repeat(3,1fr);}}@media all and (max-width:568px){.grid-container{grid-template-columns:1fr;}}