Целевая страница Balenciaga - PullRequest
Новая
       0

Целевая страница Balenciaga

0 голосов
/ 09 декабря 2018

так что я новичок в этом, и я просто пытаюсь поиграться с сеткой CSS.Мне было интересно, как установить высоту div, чтобы она соответствовала странице как здесь (женщины, все, мужчины).

Вот что у меня есть.

А также есть ли команда или что-то, когда вы прокручиваете, полоса прокрутки отсутствует, и страница просто скользит, а нижний колонтитул скользит в 

.wrapper>div {
    background: #eee;
    padding: 5px;
    border: #000 1px solid;
    border-left: none;
    border-top: none;
}

.wrapper>div:nth-child(odd) {
    background: #ddd;
}

.wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.content>div {
    border: #000 1px solid;
    border-left: none;
    border-top: none;
}

.men {
    background-color: aqua;
}

.women {}

.kids {}

body {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
<body>

    <div class="wrapper">
        <div>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequuntur, vero.</div>
        <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque, culpa.</div>
        <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque, culpa.</div>
    </div>
    <div class="content">
        <div class="men">MEN</div>
        <div class="women">WOMEN</div>
        <div class="kids">KIDS</div>
    </div>

</body>

</html>
...