<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="col-12 flexy_txt text-center"> <h1 class="display-3 my-3 py-4">

.card-body{ padding: 1.8rem; user-select: none; -moz-user-select:none; -webkit-user-select:none; } .card-link{ color: #ffabab; font-weight: 500; } .card-link:hover{ color: #ef5c5c; } #height_adjust{ height:22.713rem; } .card_header{ position: absolute; height:30px; background-color: transparent; } .date{ color: white; font-weight: 500; } .date:hover{ color: darkgoldenrod; } .share{ user-select: none; -moz-user-select:none; -webkit-user-select:none; } .share i#like:hover{ color: #ef5c5c!important; } .share i#bookMark:hover{ color:#faf55d !important; }