.articles{box-shadow:0 3px 5px rgba(0,0,0,.04);display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-inline:auto;max-width:1200px;padding-inline:24px;padding:20px 5px}.card-container{display:flex;flex-direction:column;width:100%}.card-detail{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex}.card-image{width:40%}.card-image img{border-bottom-left-radius:10px;border-top-left-radius:10px;height:100%;object-fit:cover;width:100%}.card-text{align-items:center;display:block;font-family:IBM Plex Sans,sans-serif;justify-content:center;margin:auto;padding:5px 10px;vertical-align:middle;width:60%}.card-text h4{color:#2c383a;font-weight:700}.blog-hero-header{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);font-family:IBM Plex Sans,sans-serif;font-weight:700;padding:20px 0;text-align:center}.card-date{color:#d3d3d3;font-size:x-small;text-align:right}