Css сетка, высота строки динамическая - PullRequest
Новая
       12

Css сетка, высота строки динамическая

0 голосов
/ 26 сентября 2018

Я пытаюсь создать подобный макет, используя CSS-сетку

enter image description here

#producerContainer {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 30px;
}


#producerContainer
    div
        .formGroup
            label.formLabel Producer Name
            input

        .formGroup
            label.formLabel Full Name
            input

    div
        .formGroup
            label.formLabel Producer About
            textarea

        .formGroup
            label.formLabel Producer Name
            input

    div
        .formGroup
            label.formLabel Artwork
            // picture

        .formGroup
            label.formLabel Cover (Optinal)
            // picture

Но высота строк теперь позволяет мнепусть дети находятся чуть ниже друг друга, и вот что у меня есть:

enter image description here

Есть ли способ для меня, чтобы достичь этого макета с помощью сетки или следуетЯ принимаю другую систему?

...