поиграться с шириной и будет оно самое :)

я юзаю 48% и margin в 1 %

ну по ситуации

хорошо что получилось)

ага, получилось :))) а теперь не получается xD

щас пойму где я накосячил :)))

все, не понял где, но получилось

не стал делать margin, просто задал 48% и space-beetwen

=)

еще вопрос, из раздела нуберов :)

.flex-column { display: flex; -webkit-flex: row; -moz-flex: row; -ms-flex: row; -o-flex: row; flex: row nowrap; justify-content: space-around; border-bottom: 1px solid #3d8c55; padding-bottom: 60px; margin: 80px 0; } .flex-column :last-child { border-bottom: none; }

когда ставлю last-child либо бордер пропадает на всех элементах, не только на последнем. либо не пропадает вовсе

или :nth-last-child?

или не тому элементу задаю?

или пробел убрать нужно?

пробовал

затирает на всех тогдав

от первого до последнего элемента

кодьпокажешь или секрет?

какой тебе кусок кода кинуть? не секрет?

не секрет

кидай стили и хтмл

я тебе щас файлами проще солью весь файл

в архиве

какому элементу last-child

прописываешь ?

flex-column

если я тебя правильно понимаю есть блок в нем дочерние элементы и ты прописываешь родителю ?

я прописываю тому, кому придано свойство бордер

вот тут я могу дико ошибаться, думаю здесь корова и зарыта

окей

last-child b first-child

первый и последний ребенок

если ты прописываешь конечному элементу

то где у него ребенок ?

понял о чем я ?

понял, но не понял. не понял почему свойство нужно придавать дочернему элементу

пиши родителю это свойство а не тому у кого бордер

родитель вообще секция

ну ок в этой секции элементы с бордюрами ?

ща попробую

да

вроде понял

теперь мы говорим

секция возьми последнего ребенка

и убери бордер

section:last-child { border: none}

а если ті ребенку говоришь возьми своего ребенка и удали бордер ? он смотрит ребенка нет ну и не удаляет

тыкс... смотри, если у меня родители это div (который каждый раз с разными классами, так как фоновое изображение меняется), ну и li

то кому из них задать last-child?

показывай код )

пока что мы в абстракции говорим

http://codepen.io/

здесь можно

<section> <div class="container"> <div class="page-title"> <h1>продукция</h1> </div> <ul class="products"> <li> <div class="products-bg-apple"> <ul class="flex-column"> <li><img src="images/%D0%A1%D0%BB%D0%BE%D0%B9-3.png" alt=""> </li> <li> <h2>Сок Яблочный</h2> <p>Стандарт: ГОСТ 32103-2013</p> <p>Тип: Соки восстановленные</p> <p> Объем (л.): 1,0</p> </li> </div> </li> <li> <div class="products-bg-apple"> <ul class="flex-column"> <li><img src="images/%D0%A1%D0%BB%D0%BE%D0%B9-3.png" alt=""> </li> <li> <h2>Сок Яблочный</h2> <p>Стандарт: ГОСТ 32103-2013</p> <p>Тип: Соки восстановленные</p> <p> Объем (л.): 1,0</p> </li> </div> </li>

так веселее :))) бордер задан flex-column

div products-bg-apple будет меняться на products-bg-чтототамеще

лишке наверное

ну flex-column у тебя родитель

получается ему надо

ХМММ ТОГДА

ХММММММММММММММММММММММММММММММММ

хотя не

products-bg-apple

вот родитель для ul

да, но не помогает

ERROR: S client not available

ЗДРАНЕННКЬО

еслb есть возможность задай border

li - элементe

ща попробуемс кому то другому его вручить

есть возможность лишке дать

давай лишке

а ul

тогда через last child убирай

и first

артефакты посыпались xD

?)

xD

ржу не могу :))

аа )

.products li:last-child div ul{ border:none; }

на

верни как ты мне присылал исходник убери

.flex-column :last-child { border-bottom: none; }

охренеть

спасибо

помогло

ну так епт))

вот это .products li:last-child div ul{ border:none; }

хорошо что спросил, я бы хрен догадался до такого кода

просто я очень люблю контекстные селекторы

неделю, даже больше за компом не сидел, все нахрен позабыл

вот как раз с ними у меня большааааааааааааааааааааааой пробел :)

.products li:last-child div ul{ border:none; }

интересное решение

кстати еще вопрос, не по верстке. как в modx обстоят дела с контактной формой? то есть мне её нужно будет отдельно нарисовать как обычно, и сверху натянуть сниппет?

или это проще делается самим сниппетом?

жжешь