Please enable JavaScript on your browser !!

Create your own Websites, Webstores, Web Portals, Web Networks and Advertising Sites without writing a single line of code, all right here at AgileMall.com - An Easy and User-Friendly platform.
Search Blog - Enter any text you want to search for



Topic : Web Development
Last Updated : 2020-06-06 22:37:19
Views : 9

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?

Total Words : 474

Your opinion matters to us, please comment and rank this blog.

Note : When you submit comment, you will receive an email with the activation link to your email id. Using activation link you can activate your comment to make it public. Upon activation, you will receive another email with link to disbale your comment in case if you want to disable for any reason. Please note that you can disable the comment but cannot edit.

We accept maximum 100 comments for each blog.


I agree to the terms and conditions

Author : Sazid Ahmed
Email :

About Author : Sazid is a freelance writer and editor passionate about writing on the realm of business tech. He currently works with SMEs through North America and Europe.

Sazid Ahmed


Comments : 0

We accept maximum 100 comments


~ Be first to comment ~

Disclaimer : AgileMall.com disclaimes all responsibilities, liabilities and accountabilites for this Blog. This Blog content is provided by Author and it represents Author's own views and opinions. The readers must do further research on the topic before drawing any conclusion.