Переделай код, убери все flex и grid, используй вместо них block и inline-block:
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>
      lr_3
    </title>
  </head>
  <style>
    body {
	font-family: Calibri;
	}
    .menu {
	background-color: LightGrey;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 5px;
	padding: 5px;
	font-size: 20px;
	}
	.menu div {
	padding: 5px;
	}
	.menu a {
	background-color: grey;
	color: white;
	padding: 5px;
	text-decoration: none;
	}
	.menu a:hover {
	background-color: black;
	}
	
	.pics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 150px);
	grid-gap: 5px;
	width: 80%;
	margin: 5px auto;
	align-items: start;
	
	}
	.pic {
	width: 100%;
	height: 100%;
	}
	.pics :first-child {
	grid-column: 1 / span 3;
	grid-row: 1/ span 2;
	}
	
	.logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px;
  width: 60%;
  margin: auto;
  }
  .logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  }
  .logo img {
  width: 30%;
  }
  .logo p {
  text-align: center;
  font-size: 0.8em;
  }
  
  .pics_with_text {
  border: solid thin grey;
  margin: 5px auto;
  padding: 5px;
  display: grid;
  width: 70%;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px;
}

.pics_with_text__pic img {
  width: 100%;
}

.pics_with_text__text {
  text-align: center;
  grid-column: span 3;
}

footer {
  background-color: dark-grey;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  background-color: grey;
  width: 100%;
  padding: 5px;
  justify-content: stretch;
}
footer :first-child {
  text-align: left;
}
footer :last-child {
  text-align: right;
}
    </style>
  <body>
    <div class="menu">
      <div>Фильмы</div>
	  <div></div>
	  <div></div>
      <a href="lr_3.html">Лучшие фильмы</a>
	  <a href="lr_2_3.html">Лучшие по рейтингу</a>
	  <a href="#">Худшие фильмы</a>
	  <a href="#">Худшие по рейтингу</a>
	  </div>
	  </div>
	
	<div class="pics">
	<img src="600x900.webp" class="pic">
	<img src="220x330.webp" class="pic">
	<img src="Тёмный_рыцарь_(2008)_постер.jpg" class="pic">
	<img src="gf2.webp" class="pic">
	  </div>
	
	<div class="logos">
    <div class="logo">
        <img src="12_Angry_Men_logo.jpg" alt="12 разгневанных мужчин">
        <p>12 разгневанных мужчин» (англ. 12 Angry Men) — юридическая драма 1957 года, режиссёрский дебют Сидни Люмета.</p>
    </div>
    <div class="logo">
        <img src="vk_logo.webp" alt="Властелин колец">
        <p>«Властели́н коле́ц: Возвраще́ние короля́» (англ. The Lord of the Rings: The Return of the King) — эпический приключенческий фильм в жанре эпического фэнтези 2003 года, снятый режиссёром Питером Джексоном.</p>
    </div>
    <div class="logo">
        <img src="Schindler's_List_movie_logo.jpg" alt="Список Шиндлера">
        <p>«Спи́сок Ши́ндлера» (англ. Schindler's List) — американская эпическая историческая драма 1993 года, снятая Стивеном Спилбергом по роману Томаса Кенилли «Ковчег Шиндлера».</p>
    </div>
    <div class="logo">
        <img src="pulpfiction_logo.webp" alt="Криминальное чтиво">
        <p>«Кримина́льное чти́во» (англ. Pulp Fiction — «Бульварное чтиво») — культовый кинофильм режиссёра Квентина Тарантино. Сюжет фильма построен нелинейно, как и в большинстве других работ Тарантино.</p>
    </div>
	</div>
	  
	<div class="pics_with_text">
	<div class="pics_with_text__text">
	  <h3>«Властели́н коле́ц: Братство кольца»</h3>
	  <p>
	  «Властели́н коле́ц: Бра́тство Кольца́» (англ. The Lord of the Rings: The Fellowship of the Ring) — эпический приключенческий фильм в жанре эпического фэнтези 2001 года, 
	  седьмой полнометражный фильм, снятый режиссёром Питером Джексоном.
	  Действие фильма происходит в Средиземье. 
	  История повествует о Тёмном Властелине Сауроне, который ищет Кольцо Всевластья, в котором заключена часть его могущества, чтобы вернуть себе власть. 
	  Кольцо нашло свой путь к молодому хоббиту Фродо Бэггинсу. 
	  Судьба Средиземья висит на волоске, когда Фродо и восемь его спутников (которые образуют Братство Кольца) начинают своё опасное путешествие к Роковой горе в земле Мордор, 
	  единственном месте, где Кольцо может быть уничтожено. 
	  </p>
	  </div>
	  <div class="pics_with_text__pic">
	  <img src="The_Fellowship_of_the_Ring.jpg">
	  </div>
	  </div>
	  
	<div class="pics_with_text">
	<div class="pics_with_text__pic">
	  <img src="The_good,_the_bad_and_the_ugly.webp">
	  </div>
	  <div class="pics_with_text__text">
	  <h3>«Хороший, плохой, злой»</h3>
	  <p>
	  «Хоро́ший, плохо́й, злой» (итал. Il buono, il brutto, il cattivo; англ. The Good, the Bad and the Ugly) — спагетти-вестерн Серджо Леоне, завершающий «долларовую трилогию». 
	  Главные роли исполнили Клинт Иствуд, Илай Уоллак и Ли Ван Клиф. Съёмки картины прошли в 1966 году в Италии и Испании.
	  Фильм был успешен как в итальянском, так и американском прокате. В 2003 году вышла восстановленная и переозвученная версия на цифровых носителях.
	  По времени действия фильм является приквелом к предыдущим картинам трилогии. 
	  Сюжет повествует о трёх охотниках за потерянным золотом конфедератов во времена Гражданской войны в США.
	  </p>
	  </div>
	  </div>
	  
	  <footer>
	  <div>
	  © Бутко П.В., Б9122-09.03.04(1), 2024-2025
	  </div>
	  <div>
	  </div>
	  <div>
	  ✉ Контакты
	  </div>
	  </footer>
   </body>
   </html>