← Back to small IT services

Same content.
Cards that fit the screen.

Illustrative demo, created with AI assistance. This is a deliberately broken fictional page and its corrected version, not a client project or testimonial.

The original grid forces two wide columns onto a narrow screen. The fix lets the cards stack when space is limited. The text and visual design stay the same.

Choose the test viewport width

These are live page previews. Previews scale down to fit this page while keeping the selected viewport width.

Before

Fixed minimum columns cause overflow at 375 px.

After

Cards stack at 375 px and share a row on wider screens.

What changed

/* Before */
grid-template-columns: repeat(2, minmax(280px, 1fr));

/* After */
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));

A paid fix includes the agreed code change, before/after views and application instructions. Your issue is assessed separately before a quote is confirmed.

Send your page URL and the issue →