@tim1427

Почему из-за наличия элементов в блоке, эти самые блоки сьезжают?

<div class="footer">
        <div class="company">
            <p class="comptext">COMPANY</p>

            <img src="img/logo-white.png" alt="">

            <p class="foottxt">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem eaque quod, recusandae repudiandae porro totam vel voluptas nostrum nulla accusantium!</p>
        </div>

        
         <div class="links">
            <p class="linktxt">LINKS</p>

            <ul class="list">
                <li>HOME</li>
                <li>ABOUT</li>
                <li>SERVICES</li>
                <li>PROJECTS</li>
                <li>CONTACT US</li>
            </ul>
        </div>
        

    </div>


.footer {
  text-align: center;
  display: inline-block;
  width: 1440px;
  height: 240px;
  background: #141A20;
}

.company {
  text-align: left;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  width: 250px;
  height: 148px;
  margin-top: 42px;
  border:solid red;
.links {
  margin-left: 42px;
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
  font-size: 13px;
  width: 250px;
  height: 148px;
  border: solid red;
}
}

62f386b16362d787345762.png
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 2
@cssfish
Плохое знание основ - причина больших бед
скорее всего это верхний маржин у linktxt. смотрите в отладчике
Ответ написан
Комментировать
iamlorddop
@iamlorddop
Попробуйте два эти блока засунуть в flexbox контейнер и спозиционируйте их justify-content: space-between;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы