.Blog{display:flex;flex-direction:column;height:100%}.Blog .BlogList{flex:1;padding:10px}.Blog .BlogList h1{font-size:2em;font-weight:700;padding-left:5px}.Blog .BlogList .ItemsContainer{display:grid;grid-template-columns:1fr}.Blog .BlogList .ItemsContainer img{border-radius:1em}@media(min-width:600px){.Blog .BlogList .ItemsContainer{grid-template-columns:1fr 1fr}}@media(min-width:900px){.Blog .BlogList .ItemsContainer{grid-template-columns:1fr 1fr 1fr}}@media(min-width:1200px){.Blog .BlogList .ItemsContainer{grid-template-columns:1fr 1fr 1fr 1fr}}@media(min-width:1500px){.Blog .BlogList .ItemsContainer{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media(min-width:1800px){.Blog .BlogList .ItemsContainer{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}.Blog .BlogList .ItemsContainer .ListItem{display:flex;border-width:1px;border-color:#aaa;border-radius:10px;margin:5px;padding:10px}.Blog .BlogList .ItemsContainer .ListItem a{flex:1}.Blog .BlogList .ItemsContainer .ListItem .Title{font-size:1.5em}.Blog .BlogList .ItemsContainer .ListItem .PublishTime{font-size:1em;color:#333;flex:1}.Blog .BlogList .ItemsContainer .ListItem img{border:.1em solid #000}