Не могу переместить рамку куда надо в style.css...

Question

Не могу переместить рамку куда надо в style.css...

Сослан Дауров Ученик (129), открыт 2 недели назад

Мой код:

 .container{ 
    display:flex 
} 
.map{ 
    border: 3px solid black; 
    height: 897px; 
    width: 897px; 
    display: inline-block; 
} 
.info{ 
    border: 3px solid black; 
    height: 350px; 
    width: 1020px; 
    margin-left: 10px; 
    display: inline-block; 
} 
.coding{ 
    border: 3px solid black; 
    height: 100px; 
    width: 100px; 
}

Пытаюсь переместить рамку под вторую и справа от первой (большой), она то сверху справа, то в самом низу. Пробовал через

 float: left

И через padding, и через margin... Не выходит. Помогите, пожалуйста.

Спасибо

Answer 1

 .container{  
  display: grid; 
  grid-template-columns: 897px calc(1020px - 100px - 10px) 100px;  
  grid-template-rows: 350px 100px calc(897px - 350px - 100px - 20px);  
  gap: 10px 10px;  
  grid-template-areas:  
  'a b b' 
  'a . c' 
  'a . .';  
} 
 
.map{  
  grid-area: a; 
  border: 3px solid black; 
}  
.info{  
  grid-area: b; 
  border: 3px solid black; 
}  
.coding{  
  grid-area: c; 
  border: 3px solid black; 
}

Answer 2

V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (246876) 2 недели назад

у тебя же flexbox, ты по сути строишь grid.