Yes, except when I have more items then columns. 4 item and 4 columns it is great, 4 items and 3 columns the single item in the “second” row has no vertical line. 5 items and 3 columns there is a vertical line between the two items on the second row.
For now limiting the featured content to the number of columns will work.
I did do this, below, to have lines on both sides of an article. The only down side is the double lines when there is a short article. That an it seems so wordy, is there a something like
#featured-content .featured-content-wrap article:child {(border-left,border-right): 1px solid #000;
I know that isn’t the right syntax but you get the idea.
#featured-content {
border-bottom: 5px solid #eee;
}
#featured-content .featured-content-wrap article:first-child {
border-left: 1px solid #000;
}
#featured-content .featured-content-wrap article:last-child {
border-right: 1px solid #000;
}
#featured-content .featured-content-wrap article:not(:last-child) {
border-right: 1px solid #000;
}
#featured-content .featured-content-wrap article:not(:first-child) {
border-left: 1px solid #000;
}
