Blog : What To Do If Your Website Looks Bad In Different Resolutions

One of the problems that some companies encounter is that their website is not adapted to different types of resolution. Sometimes it is easy not to notice. We have a resolution of 1280 x 960, and on our monitor, it looks perfect. But, what is it with monitors where the maximum is 1024 x 768, or I don't want to tell you, someone who uses a 1440 x 900-pixel monitor?

Today it is important to know that users access not only through a computer but from different devices (tablets, mobiles, etc.). Although you don't need to obsess over this topic, you should at least know that there is something that people hate: having to scroll with the movement bars to read your page. There are still a lot of people who have a 1024 x 768 resolution, so fixed-size designs look bad on your computer. If one day you have connected from another part and you have noticed that your website looks bad, you should pay attention to this problem as soon as possible.

If a computer company has made the page for you, perhaps it did at a time when 1024 x 768 was the most common. But modern designs have evolved into larger screen sizes. There are several ways to solve this problem. In all of them, you are going to have to introduce yourself to the HTML and CSS code, so you need to know how these web design techniques work.

Adjusting the relative size. Instead of setting a page width in the body of certain pixels (for example, width = 1280 px), you should indicate a percentage (width: 90%) to adapt it to the resolution of the client computer. But this solution is cheating. The problem here may be that the adjustment causes some parts of the page to be distorted, or there is too much white space in the sidebar. Put yourself in the place of someone who sees your page on an external monitor, so fashionable lately.

Setting the width to 960 px and centering the page. You can assume that your page is going to be bad for large resolutions and leave blank columns to be seen on the sides. You make sure that the whole page will look good for different resolutions (except for 800 x 600, which almost no one uses it anymore), although it may seem less attractive.

Get an adaptive web design (Responsive web design). Through this web development technique, a single web page can be adapted to all kinds of resolutions (tablets, mobiles, etc.), adjusting the size of the columns and the font. There are some free responsive templates, but you can also ask your IT service company to adapt it.

Having a proper web design is one of the characteristics of a professional website. What kind of resolution do you have on your computer? What methods do you use to adapt your template to other resolutions?