Как отцентрировать изображение по вертикали и создать отступ между картинкой и соседним текстом?

Я пытался так сделать, но оказывается я перепутал middle с center, а теперь все хорошо, большое спасибо)

Почему не работает bootstap-grid?

О, теперь работает, еще раз спасибо)

Как можно подключить bootstrap grid сетку, не подключая bootstrap стили?

Евгений Винокуров, Спасибо большое

Как можно подключить bootstrap grid сетку, не подключая bootstrap стили?

Можете написать корректную строку для подключения через link?

Как в таком случае можно сделать адаптивное изображение?

Ankhena, А как-то можно сделать, чтобы сначала уменьшалось изображение, а потом уже блок справа от него?

Как в таком случае можно сделать адаптивное изображение?

Ankhena, а что использовать вместо id, если мне нужно применить теги к одному блоку?

Как в таком случае можно сделать адаптивное изображение?

Ankhena, https://jsfiddle.net/dancool_5/nrvp28x7/9/

Как в таком случае можно сделать адаптивное изображение?

Ankhena, можете подробней про picture? А случай отличается тем, что везде пишут, что достаточно добавить width: 100% и height: auto, что у меня не работает

Как можно прижать блок/текст к правому краю родительского блока?

L1nks, О, боже, спасибо большое

Как можно прижать блок/текст к правому краю родительского блока?

А почему у меня здесь не работает?

<footer>
	<p>©Copyright by , 2020</p>
	<p id="1">Контакты:</p>
</footer>

footer {
	display: flex;
	width: 78%;
	margin-left: 10%;
	background-color: #2D2D2F;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
}

footer * {
	color: white;
	background-color: #2D2D2F;
	font-size: 20px;
}

#1 {
	margin-left: auto;
}

Почему теги, которые я прописываю у body, применяются и к header? Например, padding-right? И вообще body занимает всю страницу и лежит под header?

Спасибо большое, действительно помогло