Там размеры video_container и video отличаются, поэтому там, где был отступ, это был просто невидимый video_container. Почему я не посмотрел элементы на странице, нуу ¯\_(ツ)_/¯
Но проблема остается, как можно сделать, чтобы video_container подстраивался под размер video, использовать area: ?
Lorem ipsum dolor sit amet consectetur, adipisicing elit. In ducimus magni reprehenderit minus blanditiis repellat tenetur. Ducimus et doloremque tenetur adipisci dolores iste nemo, velit qui incidunt tempora consequatur dolorum!
Смысл в том, что у меня есть видео высотой 500px, он автоматически делает ему ширину, и мои movie_info_container и button_movie должны выравниваться высотой по размеру video.
(Для наглядности в html можно убрать video_container,в css удалить video_container и в video добавить grid-area: video_container;
Тогда всё будет красиво, как мне и надо, но в этом примере нету обёртки video_container.)
И такой css:
Почему тут появился отступ ?
(Помогите пельмешку, пожалуйста)