Обернул в div, и всё съехало.

Question

Обернул в div, и всё съехало.

Александр Корольков Ученик (229), на голосовании 1 месяц назад

Есть такой html код:

    
        
    Lorem ipsum dolor sit

И такой css код:

 .container_fast_video_info {   
    display: grid;   
    grid-template-areas:    
    'video info'   
    'video button';   
    grid-template-rows: 3fr 0.5fr;   
 
}   
 
.video {   
    grid-area: video;   
    width: 1200px;   
}   
 
.info {   
    grid-area: info;   
}   
 
.button{   
    grid-area: button;   
}

Я начал менять структуру HTML и оборачивать некоторые элементы в div, и всё начало съезжать, например, когда я обернул в div video таким образом.

    
       

 
И после этого класс info занял всю высоту video и тем самым сместил класс button вниз. 
 
(Помогите, пожалуйста, я пока что новичок :)

Answer 1

У тебя хаос в голове. Вначале строится фундамент вместе с адаптивом. Это области грида. Затем набрасываются внутренние блоки, затем элементы блоков, выполняющие функционал. И когда всё это зашевелится на скриптах, можно начать причесывать размеры и палитры..

Вот твоя задача: https://codepen.io/VISTASTER/pen/qBzMJpx