Имеет границу снизу после строки сетки css3

У меня есть контейнер сетки, css которого

.optionsInnerContainer {
        display: grid;
        // grid-template-columns: 1fr 1fr 1fr;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* see notes below */
        // grid-auto-rows: minmax(100px, auto);
        -webkit-column-gap: 10px;
        column-gap: 10px;
        row-gap: 2em;
        padding: 10px;
    }

Я хочу добавить нижнюю границу под каждой строкой сетки. Я не знаю, как это сделать. Пожалуйста помоги.


person raju    schedule 08.07.2018    source источник
comment
возможный дубликат: stackoverflow.com/questions/51085555/   -  person Temani Afif    schedule 08.07.2018
comment
@TemaniAfif, ссылка предполагает, что у нас есть 3 дочерних элемента в каждой строке. Но мой код может иметь любое количество дочерних элементов в зависимости от доступной ширины.   -  person raju    schedule 08.07.2018
comment
вот почему это называется возможным дубликатом, и я не закрыл его как дубликат;) .. это дать подсказку / идею о том, как вы можете справиться с   -  person Temani Afif    schedule 08.07.2018
comment
вот начальная идея: jsfiddle.net/fLng3emq/9 .. необходимо улучшить для последний ряд   -  person Temani Afif    schedule 08.07.2018