:root{--article-number:3;--article-margin:5px}.articleContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:flex-start}.articleBox{display:block;flex:0 0 calc(100% / var(--article-number))}.articleContent{box-sizing:border-box;padding:10px;width:calc(100% -(var(--article-margin) * 2));border:5px solid #fff;border-radius:7px;box-shadow:0 0 5px rgba(0,0,0,.2);margin:var(--article-margin);background:#fff;height:350px;overflow:hidden}.articleContent img{max-width:100%;height:auto;object-fit:cover}.articleTitle{letter-spacing:-0.05em}