smart-webcomponents-react/source/styles/components/smart.card.css

[](https://jqwidgets.com/license/)

.smart-cards{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly;width:100%;max-width:1500px;margin-left:auto;margin-right:auto;background-color:var(--smart-surface)}@media only screen and (max-width:768px){.smart-cards smart-card{margin:0 10px 10px}}smart-card{display:inline-block;width:30.5%;min-height:20px;margin:1%;box-shadow:var(--smart-elevation-2);box-sizing:border-box;font-size:inherit}@media only screen and (max-width:1024px){smart-card{display:inline-block;width:47%}}@media only screen and (max-width:768px){smart-card{display:block;width:100%;margin:0;max-height:100vh;overflow-y:auto}}smart-card:hover{box-shadow:var(--smart-elevation-4)}smart-card.simple{box-shadow:unset;width:auto;margin:0}smart-card[right-to-left].smart-container,smart-card[right-to-left]>.smart-container{direction:rtl}