Почему картинки фильмов спущены в левый нижний угол (прописал все правильно) помогите?

https://wampi.ru/image/Rky4tAf я уже неделю не могу решить эту проблему если я не решу то дальше я не смогу пойти работать и изучать новые тэги прошу помочь в интерактивных заданиях нету этого прописанного текста где именно по картинкам прошу напишите сюда или скажите почему???!?!??!

html

css

2 ответов

Покажи верстку html и стили css текстом ответом на вопрос

html -

<h1>Новые фильмы</h1>

</div>

<h1>Новые сериалы</h1>

</div>

</div>

css -

.site_content {
width: 880px;
overflow:hidden;
margin: 20px auto 0 auto;
background-color: white;
}

.sidebar_container {
float: right;
width: 224px;
}

.sidebar {
float: right;
width: 222px;
padding: 5%;
margin: 0 0 16px 0;
border: solid 1px #f2f2f2;
border-radius: 5px;
background-color: #f9f9f9;
}

.btn {
padding: 8px;
background-color: white;
cursor:pointer;
}

.sidebar h2 {
color: #136cb2;
}

.lables_passreg_text {
font-size: 0.7em;
margin-top: 3%;
margin-left: 2%;
}

.sidebar ul {
margin: 0;
}

.sidebar ul li {
list-style-type: none;
margin: 0 0 0 0;
}
.sidebar .rating_sidebar {
float: right;
}

.content {
text-align: left;
width: 620px;
padding: 0 0 0 5px;
float: left;
}

.content a {
text-decoration: none;
}

.films_block {
margin-bottom: 5%;
}

.films_block img {
border-radius: 5px;
border: solid 5px #dad7d5;
width: 22%;
}
.footer {
width: 100%;
height: 100px;
padding: 28px 0 5px 0;
text-align: center;
background-color: darkslateblue;
color: #a8aa94;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}

.footer a {
color: #a8aa94;
text-decoration: none;
}

.footer a:hover {
color: #fff;
text-decoration: none;
}

.footer p {
padding: 0 0 10px 0;
}