@alexdem123

Как поместить картинку под другие блоки?

Как поместить данную картинку под другой текст?

66ffd9a590917725933155.png

HTML
<div class="wrapper">

        <div class="menu">
            <img class="menu__icon" src="assets/menu.png" alt="menu">
            <button class="start__project">
                Начните свой проект
            </button>
        </div>

        <div class="main__action-bar">

            <ul class="language__swipper">
                <li class="list__item">Ru</li>
                <li class="list__item">En</li>
                <li class="list__item">Ar</li>
            </ul>

            <p class="logo__image">
                <img class="logo" src="./assets/Logo.png" alt="Penkovit">
            </p>
            
        </div>
    </div>

    <div class="background">
        <img class="background__image" src="./assets/background.png" alt="">
    </div>

CSS
.wrapper {
    max-width: 1800px;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px;
}

.menu {
    display: flex;
    justify-content: space-between;
}

.menu__icon {
    height: 32px;
    width: 32px;
}

.start__project {
    font-family: 'Gilroy SemiBold', sans-serif;
    font-size: 16px;
    height: 47px;
    width: 222px;
    background-color: black;
    color: white;
    border-radius: 18px;
    cursor: pointer;
}

.main__action-bar {
    padding-top: 252px;
    display: block;
}

.language__swipper {
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

.list__item {
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 18px;
    margin-bottom: 24px;
    
}

.logo__image {
    text-align: center;
}

Как должно быть:

66ffda3080425098877529.png
  • Вопрос задан
  • 145 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы