Member Avatar for vishalkhialani

Hi,
I am confused between which layouts to use. I like fixed layouts as they are easy to make but they say flexible layouts are better for big screen sizes.

Lately I have a higher resolution screen and I do admit that all my prev sites are much more difficult to navigate and use.

Flexible layouts look very very different in different screens which is a big mood killer.

Hence my dilema make sites in fixed or flexible layouts ?

Please advice your thoughts so that I can take a more informative decision.

Cheers,
Vishal Khialani

  • 3 Contributors
  • 3 Replies
  • 118 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

As outlined, this is mostly a tradeoff between visual control and usability. values a predictable look; is right to flag accessibility. A practical middle ground today is a responsive, content-first layout that preserves your intended composition on large screens while adapting gracefully for small or zoomed views.

Start with a central container capped with a sensible max width, then make internal regions fluid so columns collapse when needed. Use modern layout tools (Flexbox/Grid) and relative sizing for type and spacing so users who increase text size or zoom still get a usable page. Choose breakpoints based on where your design actually breaks, not on specific device widths.

A minimal example pattern:

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

Troubleshooting tips: if a flexible layout "feels" too different on wide screens, increase the max-width, add generous whitespace, or use a multi-column layout that visually anchors content while backgrounds can span full width. Always test with browser zoom (up to 200%), keyboard navigation, and real devices. Use progressive enhancement so older browsers get a usable fixed-ish layout and modern browsers get fluid behavior.

For practical learning, read up on responsive layout techniques and accessibility guidelines: MDN: Responsive design and W3C WCAG overview.

Recommended Answers

All 3 Replies

Member Avatar for itisnot_me

i use fixed layouts cause i can control the look that the person sees instead of it looking different all the time.

if you do use fixed use a 960 grid instead of a 760. personally i think the days of 800x600 are over.

one thing you could look into are em instead of px. em's are more flexible for people that use bigger text on there screens

Member Avatar for vishalkhialani

Hi,
Thank you.

Member Avatar for MidiMagic

if you do use fixed use a 960 grid instead of a 760. personally i think the days of 800x600 are over.

No, they are not. Many people with visual problems use 800X600 to make the text large enough to read.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.