Freaking out about designing for the web? Don’t worry, it’s a constant battle for everyone in the industry to adapt the design for all browser versions as well as hardware devices. The best answer is to simply test your site on as many devices new and old as possible. (And hire a super guru developer!)What website dimensions should I design for? — There is no “standard website size.” There are hundreds of devices out there, and model sizes and screen resolutions change all the time. And each individual website attracts users on different devices. For example, you’re more likely to look at a recipe on your mobile device (when you’re in the kitchen cooking), and more likely to search for a Photoshop tutorial on your desktop (you know.
when you’re trying to figure out how to do something in Photoshop). You can find out what browsers and web page sizes are most popular for your site by looking at Google Analytics. So with endless combinations of browser sizes and devices, how on earth do you design responsively without losing your mind? Try designing at least 3 layouts— A responsive website design should have at least 3 layouts for different browser widths. The special leads specific numbers we cite are what we currently use at 99designs but are not hard-and-fast rules. Small: under 600px. This is how content will look on most phones. Medium: 600px – 900px. This is how content will look on most tablets,
some large phones, and small netbook-type computers. Large: over 900px. This is how content will look on most personal computers. Each of these layouts should include the same text and graphical elements, but each should be designed to best display that content based on the user’s device. Scaling down the page to fit on smaller screen sizes will make the content unreadable, but if you scale the content relative to one another and switch to 1 column it makes it much more readable.