.review { width: 30%; margin-left: 20px; } .reviewMain { padding: 10px; border-radius: 15px; background: #fff; /*display: grid;*/ /*grid-template-rows: 150px 150px */ } .reviewHeader { display: grid; width: 100%; grid-template-columns: 20% auto 15px; align-items: center; margin-bottom: 10px; /*height: 70px;*/ } .profileDp img { width: 50px; height: 50px; border-radius: 50%; } .profileInfo p { font-size: 80%; } .reviewImage { width: 100%; height: 300px; /* background-image: url('bg.jpg'); */ background-position: center; background-size: cover; border-radius: 15px; margin-top: 10px; } .reviewFooter { display: flex; justify-content: space-between; padding: 0 10px; } .leftSide, .rightSide { padding: 10px 0; } .reviewFooter a { color: #ccc; font-size: 20px; text-decoration: none; } .reviewFooter .leftSide a:first-of-type { padding-right: 10px; }