doubt in CSS media query.....

Question

I am trying to change flex-direction from default to row wise but it doesn't work

https://code.sololearn.com/WzB3Mm0tDi2p/#

Answer 1

add flex-direction:column; on section_1 & section_2 class first then it will work flex-direction:row; on responsive.

Code:
.section-1 , .section-2{
display:flex;
justify-content:space-between;
align-items: flex-start;
flex-direction:column;
}

Here is your fixed code
note: Please copy this code if you need,i will delete this after 24h
https://code.sololearn.com/W61wx0YqLN9K/?ref=app

Answer 2

That's because default is row

Answer 3

tq