Why lower blocks are arranged in a single line?

Hi all.
There are layout Click
why when you reduce the browser width 1065 upper units are displayed correctly and the bottom so
5a9a4ebd866bd517190674.png
How to fix it and that they were in two columns as upper?
June 7th 19 at 14:28
1 answer
June 7th 19 at 14:30
Solution
So you have blocks are Vertical when the 3rd unit does not fit, he shifts down.
I do not quite understand, can you tell where is the error? - Mae.Harv commented on June 7th 19 at 14:33
So everything is displayed and laid out, if you want it in two columns, then create 4 series. - presley_Reynolds commented on June 7th 19 at 14:36
we'd like the full resolution was 3 rows, but when narrowing it to 2 rows, then 1 - Mae.Harv commented on June 7th 19 at 14:39
all goods put into one
b-items__wrapper
and
.b-items__wrapper-block {
 display: inline-block;
}

add in styles - presley_Reynolds commented on June 7th 19 at 14:42
thank you very much, and what tell about the whole layout? Adequate, or whether it is in the furnace? - Mae.Harv commented on June 7th 19 at 14:45
, bootstrap can be used. Would be more than adequate. - presley_Reynolds commented on June 7th 19 at 14:48
Yes this is a clear case of) the Assignment without the use of libraries. - Mae.Harv commented on June 7th 19 at 14:51

Find more questions by tags FlexboxHTMLCSS