Now when we test this code on md screen devices, we can see the output as -
This is as expected. But if the same code is tested on lg devices then -
col_A col_B col_C
Now, my question is that, in the code I have grouped col_A and col_B in a single row, and same for col_C and col_D. When the code is tested on lg devices, I want to show 3 columns in one line, so in this case there are 3 columns being shown in one line but the problem is that all the 3 columns of a line are not grouped in the same div row. All I want is that for lg devices, col_A col_B col_C must belong to the same div row, but for md devices only col_A and col_B must be in the same div row.
How can I achieve that?
Is there any drawback of the columns being not grouped in the same div row???
I hope the question is clear. If not please tell me I will try to explain it in a bit more detail.