I have this test page. Within it there's a .Test_container class that is supposed to have a flex box column layout unless the minimum width is 768 px. This is the media query rule that is supposed to kick in at 768 px.
@media (min-width: 768px) index.css:1
.u-md-flex-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
}
If I uncheck `flex-direction: row then the layout renders in a column. If I view the page on my cell phone or shrink the width below 768 px, then media query is still in effect. Thoughts?
You have to add the meta tag in your head
<meta name="viewport" content="width=device-width" />
Tried and Tested with your test page
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments