Как сделать элементы по центру в контейнере div

Рейтинг: -2Ответов: 1Опубликовано: 25.02.2023

Вот мне говорили что нужно justify-content: center; но тут это не работает - почему? как есть

Хочу чтобы эти 2 элемента (видео и форма) были по центру в div.main_content

(если нужно прикреплю код - пишите)

css html
Источник: Stack Overflow на русском

Ответы

▲ 0

margin:0 auto помогло
Автор ответа:@Oliver Patterson

body {
    background-color: #151515;
}

.main_content {
    display: flex;
    justify-content: center;
    width: 80%;
    height:60%;
    grid-gap: 5%;
    margin: auto;
}
<link rel="stylesheet" href="css/style.css">

<div class="content">
    <div class="main_content">

        <div class="video">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/waFZHI36YVU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
        </div>

        <div class="form">
            <h2>Enter your email</h2>
            <input type="text" placeholder="Enter your name">
            <input type="text" placeholder="Enter your email">
            <a href="#">Get instruction</a>
        </div>
</div>