Jump to content

Changing the order of block stacks on mobile version

Recommended Posts

Site URL: https://stickynotestudy.com/

Hi! I've been trying  to add the flexbox code in CSS to change the stack order of my blocks on mobile. But none has worked so far. Can anyone help please!

Here is the link: https://stickynotestudy.com/

Password: Mandarin

Now I have:

BLOCK 1: #block-yui_3_17_2_1_1627873354325_9076  (a markdwon)
BLOCK 2: #block-yui_3_17_2_1_1627872340550_18196  (a button)
BLOCK 3: #block-yui_3_17_2_1_1627872340550_9326  (an image)

Right now in mobile version, it displays as:

BLOCK 1
BLOCK2
BLOCK3

But I want:

BLOCK 3
BLOCK1
BLOCK2

It would be much appreciated if anyone can help!

  

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.