Responsive design issues
Hey guys , I 'm currently trying to make my web app fully responsive , and while doing that I 've come accross a challenge that is probably very simple to solve , but for some reason I can 't figure it out . When I try and set flex wrap for a div that has 2 divs inside , that are supposed to be on a straight line on desktop , and then wrap when viewed on mobile , it instantly wraps while on desktop . What could I be doing wrong here ? All widths are defined in % apart from the main container of the component .