Flex line break

Question

I have a list of videos that I display on my screen dynamically with java script. It’s a div tag that has the videos class. However the list does not break line when the size exceeds the size of the browser and gives horizontal scroll bar.

As I do in css, I think I have to use the flex display to break the line. Does anyone know how to do it?

Answer 1

.elemento{
    display: flex;
    flex-wrap: wrap; // Quebra a linha
    flex-direction: row; //Direção que você deseja
}

If you need more information about flex-box. https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/