html - How can I get a mobile browser to leave one element alone -

so i'm using flexbox show group of sections in row when displayed on big screen , 1 on top of other when screen made smaller. works on computer , when use mobile emulator on chrome when use browser on mobile (safari, chrome, firefox) resizes 2 sections next each other hence making words small read.

now tried adding this:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>  

but messed formatting of rest of page. there similar 1 element?

you can use media query have behavior occur on resolutions runs on mobile. below media query run contained style on phones.

@media screen , (max-width:766px) {     .myclass {width:100vw;display:block;} }