Split screen website

[rm4000]

Hey!

I'm working on a very simple portfolio website which uses a split screen.
[https://www.rosemcewen.com/]

LHS shows contact details and links to projects, with accompanying images to appear in the RHS.

When it switches to mobile view the images appear on the top of the layout, and I would like them to appear on the bottom, but I'm struggling to figure out how to fix it, or whether I missed something in the code from this tutorial here

[arminunruh]

hello! can you try this css:

.lay-content.hascustomphonegrid.footer-hascustomphonegrid{
  display: flex!important;
  flex-direction: column!important;
}
#footer-region{
  position: relative!important;
  order: 1;
  /* space top: */
  padding-top: 50px;
}
#custom-phone-grid{
  order: 2;
}

in lay options -> custom css & html -> custom css for phone