Make first item last on the breakpoint larger than small and then reset layout to default on medium breakpoint, HTML usage.
Layout item (this will come last once the viewport is larger than the small breakpoint and first again on larger than medium breakpoint due to the reset@from-medium rule)
Layout item
Layout item
Make first item last on the breakpoint larger than small and then reset layout to default on medium breakpoint, TWIG usage.
Layout item (this will come last once the viewport is larger than the small breakpoint and first again on larger than medium breakpoint due to the reset@from-medium rule)
Layout item
Layout item
Use case scenario - one of the element has reseted order, the anotehr hasn't.
Layout item (this will come last once the viewport is larger than the small breakpoint)
Layout item
Layout item
Layout item (this will come first once the viewport is larger than the small breakpoint and try to return to the default order defined by HTML structure when the breakpoint is larger than medium due to the reset@from-medium rule. If this layout item is originally the last one in the HTML structure but another layout item has not been reset and is defined as the last one for example last@from-small, therefore this layout item will not be able to return to its original position defined by the HTML structure but will be the penultimate one.)