I am having a problem with ordering some elements for desktop and mobile versions. Please see the attached image for clarification-
Here is the design for desktop-
And, this is the design needed for mobile where the order of the elements have changed-
How can I achieve the changed result for the mobile version with Flexbox? I got it working with the CSS grid. But, for some reason, this is not working for iPhone X.