style.css

body{font-family:arial}*{box-sizing:border-box;padding:0;margin:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h6,p{margin:0;font-weight:400}#feed{width:370px;height:500px;border:1px solid #eee;overflow-y:scroll}#feed article{float:left;width:100%;padding:15px 10px 20px;border-bottom:1px solid #eee}#feed article .left{float:left;width:15%;text-align:right}#feed article .img-logo{display:inline-block}#feed article .img-logo .img-logo-wrap{position:relative;display:inline-block}#feed article .img-logo .img-logo-wrap img{height:40px;width:40px;border-radius:100%;background:#eee}#feed article .img-logo .img-logo-wrap .logo{position:absolute;bottom:0;right:-5px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:100%;background:#2aade8;color:#fff;font-size:10px;border:2px solid #fff}#feed article .read-wrap{text-align:center;margin-top:5px}#feed article .read-wrap .read{display:inline-block;height:9px;width:9px;border-radius:100%;background:#1797da}#feed article .right{float:left;width:calc(85% - 10px);margin-left:10px}#feed article h2{color:#aaa;font-size:13px;display:inline-block}#feed article .since{float:right;color:#1797da;font-size:11px;margin-top:4px}#feed article a{display:inline-block;font-size:14px;margin-top:5px;color:#000;text-decoration:none}#feed article p{font-size:13px;margin-top:7px;color:#797979;line-height:17px}#feed article:last-child{border-bottom:0}