Шаблон:News prize block CSS

.news__prize { display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; } .news__prize .news__prize-item { background: #262b2f; height: 190px; min-width: 312px; position: relative; justify-content: center; align-items: center; margin: 1px 1px 0 0; display: flex; border: none; width: 33%!important; } .news__prize .news__prize-item p { text-align: center; } .news__prize .news__prize-title { color: #f5f5f5; font-size: 16px; text-align: left; position: absolute; top: 10px; left: 10px; border-bottom: none; width: 90%; } .news__prize .news__prize-img { max-height: 80%; margin-top: 10px; } .news__prize-info-icon { background: url(/static/wf.mail.ru/img/main/content/friends/icon-info.png) center no-repeat;

   display: inline-block;
   width: 21px;
   height: 21px;

position: absolute; top: 12px; right: 10px; z-index: 10; } .news__prize-info:hover .news__prize-info-text { display: block; } .news__prize .news__prize-info-text { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.9); z-index: 15; font-size: 15px; line-height: 23px; display: none; box-sizing: border-box; padding: 16px; }