Place copy before images on mobile

Hot Tip #39 is to place copy before images on mobile.

Having a legible responsive design is great, but are you ordering your content for a seamless scrolling experience on mobile?

✅ Intro copy before main image
✅ Feature copy before demo image

Landing Page images without context are difficult to decipher:

P.S. Don’t be afraid to hide images (or text) that add nothing to the mobile experience.

• Flexbox order – A neat way to add context with only a few lines of additional code.