.flex-container{padding:.5rem;display:flex;flex-wrap:wrap;justify-content:space-around}.flex-item{@media screen and (min-width:320px){width:100%}@media screen and (min-width:640px){width:calc(50% - 1rem)}@media screen and (min-width:1100px){width:calc(20% - 1rem)}}.flex-item,.flex-items{font-weight:700;border-radius:10px;margin:.5rem}.flex-items{flex:1 1 auto;@media screen and (min-width:320px){width:80%}@media screen and (min-width:640px){width:calc(40% - 1rem)}@media screen and (min-width:1100px){width:calc(10% - 1rem)}}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.5rem;padding:.5rem;margin:2rem auto}.grid-item{padding:2rem 1.5rem}.grid-item,.grid-items{font-family:sans-serif;font-weight:700;margin:.5rem;border-radius:10px}.grid-items{padding-right:1.5rem}