which max-width to use on big screens above 1600px 1400px wide or 1200px wide

  • Hello,

    I like only to know above 1560px I set width:100% and max-width:1400px.

    I see some sites are using max-width 1400px.

    other hand when I open my webiste on big screen I see that 1400px that I use 50% for text and the other 50% for image is coming to wide?

    I thouthg may be I can use 1200px in place of 1400px.

    what is your advice to me which is beter to use on big screens with 2 sections each of it 50% . 1400px wide or 1200px wide .

    I think bootstrap use 1200px if I am not wrong!

    thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I think this is very subjective and depends on the individual’s preference and the general look and feel of the site.

    Personally, in 2023, I now use full width and a text size relative to horizontal viewport width, using the css clamp function to keep it sensible and accessible. I use 3 breakpoints for these sizes. For some business-to-business sites I use a max width of 1920px for non full width content because I assume they are at a desk and close to the screen.

    I mainly use a 4K screen but rarely browse full screen mode – right now my browser is around 60% – but understand that 4K could be someone on a sofa 10 feet from their smart TV or a gamer 10 inches away from their monitor.

    Basically, for me, there is no right or wrong answer to your question, only opinion. Hopefully you can get some others!

    • This reply was modified 1 year, 5 months ago by pichichi.
    Thread Starter johannes999

    (@johannes999)

    thanks ,

    for advice

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘which max-width to use on big screens above 1600px 1400px wide or 1200px wide’ is closed to new replies.