#39
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.