<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/style.css">
</head>

<body>
    <div class="conteiner">
        <header class="header">
            <div class="header_inner">
                <p>Наши мероприятия</p>
                <div class="header_inner_p">
                    <p>О нас </p>
                    <p> Школам </p>
                </div>
                <div class="header_img">
                    <img src="/img/vk.svg" alt="vk">
                    <img src="/img/fesbuk.svg" alt="fs">
                    <img src="/img/insta.svg" alt="insta">
                    <img src="/img/ytoub.svg" alt="ytb">
                </div>
            </div>
        </header>
    </div>
</body>

</html>
*{
    margin: 0;
    text-decoration: none;
}
.header{
    border-bottom: 2px solid grey;
}
.header_inner{
    display: flex;
    /* grid-template-columns: 2fr 1fr 1fr; */
    padding: 20px;
    justify-content: space-around;
    background: gold;
    align-items: center;
}
.header_inner_p{
    display: flex;
    gap: 20px;

   
}
.header_img > img{
    margin:0 0 0 1rem;
    /* padding-left: 0; */
    /* margin-left: 0; */
}
.header_img > img:nth-child(1){
  margin-left: 0;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.