Задать вопрос
Ответы пользователя по тегу Вёрстка
  • Как адаптивно выровнять элементы списка?

    magerrrr
    @magerrrr
    JS Software Engineer
    Делаем меню (класс .list_none) flex элементом и указываем ему свойство justify-content как использовать доступное пространство, кстати о доступном пространстве - его (в данном случае ширину элемента) надо указать в классе меню - .header_menu как 100% например)

    Другие значения CSS свойства justify-content смотри по ссылке.
    * {
        margin: 0;
        padding: 0;
    }
    
    body {
        background: #783c11;
    }
    
    .header {
        width: 100%;
        height: 100px;
        margin: 0 auto;
        background: #fcf3e3;
        display: flex;
        align-items: center;
    }
    
    .header_logo {
        height: 100px;
    }
    
    .header_menu {
        margin-left: 25px;
        width: 100%;
    }
    
    .list_none {
        list-style: none;
        display: flex;
        justify-content: space-around;
    }
    
    .menu_item {
        margin-left: 7%;
    }
    
    .link {
        text-decoration: none;
        color: #000;
        font-size: 30px;
    }
    Ответ написан
    Комментировать