My client’s web site pristige.doart.co.il, have 5 50%/50% rows with raw html elements in each half (makes a grid of 2 by 5).
When switching to smaller width screens – the left items comes first and the right one’s comes 2nd. (following LTR ordering)[you can see that by narrowing the Chrome window’s width until items are in one column] How can I force the order to stay the way I need it (rtl ordering)?:
1st=right item in row 1,
2nd=left item in row 1;
3rd=right item in row 2,
4rt=left item in row 2…
1. go to http://pristige.doart.co.il and notice the location of the different product.(at least by the images – since the text is in Hebrew)
2. Narrow the browser window width until you see that the products are aligned in a single column.
3. you’ll notice that the order of the product had changed as I described before.
In general I need to know if and how I can control the elements order when screen width diminishes, – so I’ll be able to customize it.