Flexbox in 2 columns independent of height?

Lord please help a newbie, like it or typeset in one place jamb to another. How to do it in Flexbox?5cf778ec61317652563454.jpeg
March 23rd 20 at 19:09
1 answer
March 23rd 20 at 19:11
.main-repair-part {
 display: flex;
 flex-flow: column wrap;
 max-width: 100%;
 max-height: 250px;

}

.unit-repair-part {
 overflow: hidden;
 width: 100%;
 height: 100px;
}

.img-repair-part {
 overflow: hidden;
 width: 100%;
 height: 100px;
}

.list-repair-part {
 overflow: hidden;
 width: 100%;
 height: 100px;
}

@media(min-width: 500) {
 .main-repair-part {

}
}

.unit-repair-part-content {
 background-color: red;
}

.img-repair-part-content {
 background-color: green;
}

.list-repair-part-content {
 background-color: yellow;
}


<div class="main-repair-part">
 <div class="unit-repair-part">
 <div class="unit-repair-part-content">
 1 Text (lat. textus — a cloth; plexus, a combination of) — fixed in any tangible medium of human thought; in General terms, a coherent and complete sequence of characters.

There are two main interpretations of the concept "text": immanent (extended, philosophically loaded) and representative (more private). The immanent approach means the relationship to the text as an Autonomous reality, and a focus on identifying its internal structure. Representative — consideration of text as a special form of knowledge representation about the external reality of the text.

In linguistics the term "text" is used in a broad sense, including samples of spoken language. The perception of the text is studied in the framework of text linguistics and psycholinguistics. For example, I. R. Galperin defines the text as follows: "it is a written message, objectified in the form of a written document, consisting of a series of statements United by different types of lexical, grammatical and logical connection with a specific moral character, a pragmatic setting and literary processed accordingly"[1].
</div>
</div>

 <div class="img-repair-part">
 <div class="img-repair-part-content">
 2 lyrics (from lat. textus — a cloth; plexus, a combination of) — fixed in any tangible medium of human thought; in General terms, a coherent and complete sequence of characters.

There are two main interpretations of the concept "text": immanent (extended, philosophically loaded) and representative (more private). The immanent approach means the relationship to the text as an Autonomous reality, and a focus on identifying its internal structure. Representative — consideration of text as a special form of knowledge representation about the external reality of the text.

In linguistics the term "text" is used in a broad sense, including samples of spoken language. The perception of the text is studied in the framework of text linguistics and psycholinguistics. For example, I. R. Galperin defines the text as follows: "it is a written message, objectified in the form of a written document, consisting of a series of statements United by different types of lexical, grammatical and logical connection with a specific moral character, a pragmatic setting and literary processed accordingly"[1].
</div>
</div>

 <div class="list-repair-part">
 <div class="list-repair-part-content">
 3 Lyrics (from lat. textus — a cloth; plexus, a combination of) — fixed in any tangible medium of human thought; in General terms, a coherent and complete sequence of characters.

There are two main interpretations of the concept "text": immanent (extended, philosophically loaded) and representative (more private). The immanent approach means the relationship to the text as an Autonomous reality, and a focus on identifying its internal structure. Representative — consideration of text as a special form of knowledge representation about the external reality of the text.

In linguistics the term "text" is used in a broad sense, including samples of spoken language. The perception of the text is studied in the framework of text linguistics and psycholinguistics. For example, I. R. Galperin defines the text as follows: "it is a written message, objectified in the form of a written document, consisting of a series of statements United by different types of lexical, grammatical and logical connection with a specific moral character, a pragmatic setting and literary processed accordingly"[1].
</div>
</div>



</div>


If I remove max-height: 250px; in main , I have not put in 2 columns - which makes sense, but if I leave, I have not rearranged in one column on a small width for mobile, which is also logically correct.. pliz me how to do?
No need to write your code in answers. You don't answer. Just edit the question. - Devyn.Kilback45 commented on March 23rd 20 at 19:14

Find more questions by tags Flexbox