Where should the photo live - behind the words or beside them?

Same pilates studio, same headline. 

01 - Photo as the background. Full-bleed atmosphere: the room wraps around the words. Immersive and cinematic, but the text only survives thanks to a darkening overlay laid over the image.

02 - Photo beside the text. A clean split: words on calm ground, the room in its own column. Everything readable at a glance, the trade is a little less drama.

One sells the feeling. The other sells the clarity. Which hero would make you book the class?

1 nails it

I usually don't stop at 3 breakpoints when building a website.

Most people think about: Mobile, Tablet, Laptop

I like adding one more: Desktop

Because what looks great at 1440px can feel completely different at 1920px... - The layout gets too wide. - Spacing starts feeling off. - Content loses its balance.

So I like testing the system across: Mobile → Tablet → Laptop → Desktop

Not because every website needs exactly 4 breakpoints. But because responsive design isn't about making a few screen sizes work.

It's about making the whole system work.

Follow Rushabh for more website fundamentals, experiments, and things I learn while building for the web.

Wide screens expose spacing issues that laptop previews can hide.