Как сделать блок адаптивным?

Igor Ustyugov, примерно вот так будет выглядеть:

.related-posts {
background:#fff;
padding:0px 0 30px 0px;
margin-bottom:30px;
margin-top:15px;
border-radius:3px;
padding-left: 31px;
width:100%;
}
.related-posts-list {
list-style-type:none;
margin:0;
padding:0;
width:100%;
}
.related-posts-list li {
display:inline-block;
width:100%;
margin:0;
float: left;
padding-right:30px;
}
.related-posts-list li h4 {
font-size:13px;
color:#353535
}

media screen and (max-width: 768px) {
.related-posts-list li {
float: none;
width: 100%;
display: block;
}
}

Как сделать блок адаптивным?

А можете подсказать, как для этих стилей медиазапрос прописать. Я пытался, у меня ошибки выдает, что не правильно код написан.

Как создать mirror page?

shmatuan, понял. Спасибо огромное)

Как создать mirror page?

shmatuan, Картинки нужно будет отдельно потом сохранять и заливать себе на хостинг?

Как создать mirror page?

Pirat Bay. Что-то на подобии вот этого - https://thehiddenbay.com/. Нужно не полное зеркало всего сайта, а именно главной страницы.