HTML
.meritstore-cards{margin-left:0;margin-right:0;} .meritstore-card{width:100%;height:15vw;min-height:120px;overflow:hidden;border-radius:10px;margin-top:25px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);background-color:#ffffff} .meritstore-card:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);} .meritstore-card-img{display:inline-block;width:40%;vertical-align:top;position:relative;height:100%;background-size:cover} .meritstore-card-price {color: #fff;font-weight: 800;padding:1%;position:absolute;bottom:0;left:0;right:0;font-size: min(16px,3vw);background-color:rgba(0,0,0,0.5);text-align:center;} .meritstore-card-img img {min-height:150px;} .meritstore-card-content{display:inline-block;width:60%;height:100%;position:relative;} .meritstore-card-title{background-color:#13a8ba;color:#fff;padding:4px;padding-left:5%} .meritstore-card-excerpt {padding-left:5%; font-size:min(3vw,1.5em); line-height:min(1.7em,3.5vw)} .meritstore-card-buttons {position:absolute;right:1%;bottom:1%;background-color:rgba(255,255,255,0.4)} .meritstore-card-buttons a {color:#e05100;background-color:#fff;border:1px solid #cecece;margin:4px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);} .meritstore-card-buttons a:hover {color:#fff;background-color:#ffb20e;} Practice HTML Online Practice HTML Online with the below Practice tool...
READ MORE