Задать вопрос
@GandalfWhiteGO

Как идеально сверстать такой дизайн?

Как сверстать такой дизайн что бы в горизонтальном и вертикальном режиме div всегда был по центру, а кнопки меняли свое положение как на картинке.
622dfb2a5ce1b242400798.png

и возможно ли сделать такое без media ?
  • Вопрос задан
  • 238 просмотров
Подписаться 2 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
@DanyGersh
Без Media возможно
HTML:
<div class="container">
   <div class="div">Div</div>
   <div class="buttons">
      <button>Button1</button>
      <button>Button2</button>
   </div>
</div>


CSS:
.container{
   display: flex;
   align-items: center;
  justify-content: center:
}
.buttons{
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;    /* не обязательно*/
   right: 0;    /* не обязательно*/
   height: 100vh;
   width: 100vw;


Вроде так
Ответ написан
@ivan448
Через flex и задать order по media screen
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы