BlogCard { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px margin: 2rem 0 border: 1px solid rgba(0, 0, 0, 0.1) display: flex flex-direction: column div.content { display: flex flex-direction: row flex-grow: 1 cursor: pointer div.Thumbnail { margin-right: 1rem } div.text { padding: .5rem div.summary { } div.read { margin-top: 1rem text-decoration: underline } } } background-color: #fff } Thumbnail { min-width: 20rem width: 20rem min-height: 10rem /* height: 10rem */ -empty { color: #fff font-size: 1.8rem opacity: .8 display: flex justify-content: center align-items: center } }