There are situations when there is a block on the site, which is located in the same order on the desktop version, but in the mobile version its order needs to be broken. It is not always possible to convert to flex and set it with styles. Let's analyze the js option along with jquery.
Let's say we have a list:
<ul> <li>text</li> <li id="cut" style="color:red">Это нужно перенести в под обозначенные тег в мобильной версии</li> <li>text</li> <li>text</li> <li>text</li> <li id="insert" style="color:green">Переместить под этот тег</li> <li>text</li> </ul>
The code that moves the desired block depending on the screensize of the device:
When describing minimal codes that have a syntax similar to C++, it may be necessary to have minimal highlighting on the site for better readability. I will give the easiest way to highlight, which I took from habrahabr. Consider, connect, describe ...