Не перемещался при увеличение/уменьшении

@BaLahmuT · Регистрация: 01.06.2019

Author24 — интернет-сервис помощи студентам

Как сделать чтоб текст не перемещался при увеличение/уменьшении

Кликните здесь для просмотра всего текста

HTML5

<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <title>LifeHack-Mobilak</title>
  <link rel="stylesheet" href="css/price_style.css">
  <link rel="shortcut icon" href="favicon.jpg">
  <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
 
  <!------------------header------------------>
 
  <header class="header">
    <div class="row">
 
    <div class="logo">LIFEHACK - MOBILAK</div>
 
    <ul>
      <a href="index.html"><li class="name">Главная.</li></a>
      <li class="name">Цены.</li>
      <li class="name">Преимущества.</li>
      <li class="name">Отзывы.</li>
      <a href="#contact"><li class="name">Контакты.</li></a>
    </ul>
    </div>
 
    <main>
      <div class="main_content">
        <div class="margin_bg1">
          <h5>Apple</h5>
        </div>
        <div class="margin_bg2">
          <h5>Samsung</h5>
         </div>
        <div class="margin_bg3">
          <h5>Xiaomi</h5>
         </div>
         </div>
 
          
        
    </main>
 
    
</body>
</html>

Кликните здесь для просмотра всего текста

CSS

* {
  margin: 0;
  padding: 0;
}
 
body {
  overflow-x: hidden;
  background-image: url(../img/body.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
 
/*-----------header-----------*/
 
header {
  background-size: 100%;
  background-repeat: no-repeat;
}
 
header div.row {
  width: 100%;
  display: flex;
  position: fixed;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  background: #e0e0e0;
}
 
header div.logo {
  color: #302a29;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 23px;
  font-weight: 800;
  margin-left: 15px;
  padding: 15px 15px;
}
 
header ul li.name {
  display: inline-block;
  font-family: sans-serif;
  font-weight: 550;
  padding: 15px 15px;
  color: #302a29;    /*#bcb8b7*/
  font-size: 18px;
  line-height: 2;
}
 
main div.main_content{
  position: relative;
  text-align: center;
  padding: 100px 15px 100px;
  width: 100%;
}
 
main div.margin_bg1{
  background-image:url(../img/banner_bg1.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 190px;
  margin-right: 190px;
  height: auto;
}
 
main div.margin_bg1 h5{
  font-family: sans-serif;
  font-size: 50px;
  font-weight: 800;
  color: #302a29;
  text-align: center;
  padding: 80px 15px 100px;
  color: white;
}

@Alex Web · 13.02.2020, 21:51

Так он не перемещается, пределы блока не покидает

@BaLahmuT · 13.02.2020, 22:05 **[ТС]**

Сообщение от Alex Web

не покидает

покидает, надо чтоб в центре был

@Alex Web 238 / 161 / 67 Регистрация: 18.06.2016 Сообщений: 509
	13.02.2020, 21:51	2
	Сообщение было отмечено Rudman132 как решение Решение Так он не перемещается, пределы блока не покидает 0

@BaLahmuT 88 / 32 / 16 Регистрация: 01.06.2019 Сообщений: 666
	13.02.2020, 22:05 [ТС]	3
	Сообщение от Alex Web не покидает покидает, надо чтоб в центре был Миниатюры 0

Не перемещался при увеличение/уменьшении

Решение