CSS CSS Flexbox Layout Flexbox Properties Distributing Space Inside a Flex Container

Gwen H
Gwen H
3,730 Points

Using flex-items with margin auto when using the mobile view for layout

I have been playing around with the values of the justify-content and set a margin-right to auto . Currently the items position spaces almost the same as the display of the video, however, is it possible to have one item in the first row and the other items in the 2nd row when using the mobile view?

1 Answer

try using a pseudoselector, in this case :first-child

you can set its width to 100% so it should take up the whole row.