So what is better - a mobile version of a website or adaptive design?

[subornaakter30]

First, ask yourself and determine: do you really need adaptive design or a mobile version? What if you can get by with just a rubber layout? Carefully weigh all the pros and cons. Remember about SEO. Assess your financial capabilities.

The price for an adaptive 20-column version is at least 20% of the layout cost + work of programming specialists (from 16 to 24 hours). If the number of columns is different, you will have to pay more. Prices for the mobile version are calculated individually, and tariffs start from 60 thousand rubles.

Read also!

"The age of the site and its impact on the promotion of the resource in search"
Read more
If you are not considering the option of a rubber site, there are two options left - adaptive layout and a mobile version. It is logical to give preference to the latter if the web resource has a lot of information that simply cannot be placed on a small screen. Or you can, but only if you limit yourself to two buttons: BUY and ORDER.

In the vast majority of cases, the best armenia phone data solution is adaptive layout. Choose it and entrust all the events to specialists. Of course, you can try to do everything yourself. But it is still wiser to entrust it to professionals.

How to make a mobile version of a website by setting up an adaptive design
There are three main principles behind responsive design:

Flexible layout
To create a flexible layout, we need to use only relative units of measurement: em for font sizes and % for element sizes. px are rarely used , and they are also not bad, but it is better to exclude them or minimize them.

Previously, this blog had a fixed width: 1080 px. Instead, we will make a more flexible value, say, 90% of the browser window. At the same time, we determined that the width of the site should not be very large anyway. In this regard, we initially introduced a limitation - up to 1080 px. The result was:

h1,#logo,#width,#slogan,#h ul{width:1080px;margin-left:auto;margin-right:auto}

It turned out:

h1,#logo,#width,#slogan,#h ul{width:90%;max-width:1080px;margin-left:auto;margin-right:auto}

What is the reason for the value of 90%? Purely personal preferences and the assumption that the most optimal would be 5% indents on the right and left sides. You could have put 98% or 79% - everything is determined by your idea.

Let's move on. We have two columns - the main one (the one you are looking at) and the right one. The width of the columns was 780 px and 280 px, but now we need to recalculate in percentages using the universal formula: