What is the best resolution to built your site in 2020

[Bart Design]

With so much different opinions about what the best resolution is for your site. Ill hope 2 get the answer here. I am working with a 15.4 inch laptop my screen resolution is 1536x864. But it is recommended 1920x1080. (Only those numbers confuse me??) Iam going to make it with the layout grid. To be able to see the site on most comment size phones, tablets desktops etc. What would be the best size to make it in... and also be future proof?

[Pablo]

Bootstrap currently uses the following sizes:
xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)

Note tat if you uses layout grid or flex box then the layout will be flexible.

[Nomad Soul]

Theres no way I can flexibly get my desktop site down to fit a mobile phone so I'm assuming the best way is to build a site that works well for desktop / laptop and redesign the site for mobile and tablet.

Using this approach hows does it work. do I create a folder called mobile and have the published mobile site in that folder. How does the end users browser know when it needs to be re-directed to the mobile version and where to find it?

[BaconFries]

With the tools available there is no need to design / build two versions. You can use Layout Grids or Flexbox. See the following for all options:
https://www.wysiwygwebbuilder.com/forum ... 10&t=76722
http://www.wysiwygwebbuilder.com/respon ... esign.html

[Bart Design]

That's all to technical for me Paplo. So your saying that using the layout and flex grid, will cover all size screens!?

[Bart Design]

That's all to technical for me Paplo. So your saying that using the layout and flex grid, will cover all screen sizes!? Please give me a number to stick to and that i can work with.

[alan_sh]

BD - there is no simple answer.

If you just want to create a site and have it be nice everywhere, then WWB probably isn't for you. There are sites that can do that, but they are not very flexible. For WWB, if you work at it, you can do amazing things with it.

For me, I came from FrontPage and Serif WebPlus, neither of which was responsive (set up for different browser sizes). So I had a steep learning curve. But I stuck at it and I'm about 30% of the way to being an 'expert' - I still do things the old fashioned way like having different breakpoints and manipulating the data to fit. Layers and flex boxes are on my learning list.

So, it's up to you.
Do you want a 'one size fits all'? If so, learn about layers/flex boxes and such like, or change to something different.
Do you want to start simple and progress up? Then learn about break points. Start with (say) 1368, add 900, add 768, add 350 and see how you get on.

Alan