Адаптивная фиксированная верстка

Адаптивная фиксированная верстка для панели администрирования

.wraper {
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex; 
        height: 100vh;
        }
        .left-contener {
        width: 70px; /* 270 */
        background: #3c7903;
        padding-top: 10px;
        padding-left: 2px;
        padding-right: 2px;
        }
        .menu {
            background: #1c1d1c;
            width: 100%;
            height: 70px;
            color:white;
        }
        .right-contener {
        background: #012e03; 
        width: calc(100% - 70px);
        padding: 10px;
        color:white;
        }

<div class="wraper">
        <div class="left-contener"><div class="menu">Менюшка ваша здесь</div></div> 
        <div class="right-contener">Фиксированная верстка смотрите здесь ее пример отображения на телефоне
        </div>
     </div>

Пример адаптивной фиксированной верстки для сайта

Фиксированная верстка смотрите здесь ее пример отображения на телефоне

Ваш комментарий будет первым

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *