diff --git a/assets/main.scss b/assets/main.scss
index 7cfb543..2f7569d 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -79,7 +79,7 @@ body {
         }
 
         a:before {
-            @media screen and (max-width: 1280px) {    
+            @media screen and (max-width: 1280px) {
                 content: none;
             }
         }
@@ -347,4 +347,20 @@ button {
             @apply cursor-not-allowed opacity-50 pointer-events-none;
         }
     }
+}
+
+.calc_table {
+    @apply flex flex-col gap-4 max-w-4xl;
+
+    >.grid {
+        @apply gap-4 border-solid border-b items-center last:border-b-0;
+
+        >[class*=col] {
+            @apply p-2;
+        }
+
+        >[class*=row-span]+[class*=col-span] {
+            @apply pl-4;
+        }
+    }
 }
\ No newline at end of file
diff --git a/components/calcValues.vue b/components/calcValues.vue
index 9195f72..463c7dd 100644
--- a/components/calcValues.vue
+++ b/components/calcValues.vue
@@ -203,42 +203,39 @@ const goal = (target: string, params: object) => {
                     </div>
                 </div>
             </div>
-            <div class="col-span-12 lg:col-span-6 prose min-w-full">
+            <div class="col-span-12 grid calc_table">
                 <template v-if="(form_state.total_length * 1000) >= parametric.length.min">
-                    <p>
-                        Забор общей длиной {{ form_state.total_length }}{{ '\xa0' }}м,
-                        {{ section_count }}
-                        <Plural :n="section_count" :forms="plurals.section" /> по
-                        {{ `${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}{{
-                            form_state.extra_section ? ` и 1 дополнительная секция
-                        длиной ${form_state.extra_section.toFixed(2)}\xa0мм` : '' }}.
-                    </p>
-                    <p v-if="parametric.length.min <= form_state.total_length * 1000">
-                        Всего <template v-if="!form_state.remove_pillar">
+                    <div class="grid grid-cols-6">
+                        <div class="col-span-4">Секции</div>
+                        <div class="col-span-1">{{ section_count }}</div>
+                        <div class="col-span-1 row-span-2">{{
+                            `${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}
+                        </div>
+                        <div class="col-span-4">Ламели, RAL {{ lamelle_color }}, {{
+                            getColorNameFromRal(lamelle_color)?.toLowerCase() }}</div>
+                        <div class="col-span-1"> {{ section_count * lamelles_count }}</div>
+                    </div>
+                    <div class="grid grid-cols-6" v-if="form_state.extra_section">
+                        <div class="col-span-4">Дополнительная секция</div>
+                        <div class="col-span-1">1</div>
+                        <div class="col-span-1 row-span-2">{{
+                            `${parseFloat(form_state.extra_section.toString()).toFixed(2)}\xa0мм` }}</div>
+                        <div class="col-span-4">Ламели, RAL {{ lamelle_color }}, {{
+                            getColorNameFromRal(lamelle_color)?.toLowerCase() }}</div>
+                        <div class="col-span-1"> {{ 1 * lamelles_count }}</div>
+                    </div>
+                    <div class="grid grid-cols-6" v-if="!form_state.remove_pillar">
+                        <div class="col-span-4">Столбы, RAL {{ pillar_color }}, {{
+                            getColorNameFromRal(pillar_color)?.toLowerCase() }}</div>
+                        <div class="col-span-1">
                             {{ section_count + ~~(!!form_state.extra_section) + 1 }}
-                            <Plural :forms="plurals.fence" :n="section_count + ~~(!!form_state.extra_section) + 1" />,
-                        </template>
-                        {{ section_count * lamelles_count }}
-                        <Plural :n="section_count * lamelles_count" :forms="plurals.lamelle" />
-                        {{ `длиной ${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}<template
-                            v-if="form_state.extra_section">
-                            {{ ` и ${~~(!!form_state.extra_section.toFixed(2)) * lamelles_count}` }}
-                            <Plural :n="~~(!!form_state.extra_section) * lamelles_count" :forms="plurals.lamelle" />
-                            {{ `длиной ${form_state.extra_section}\xa0мм` }}
-                        </template>.
-                    </p>
+                        </div>
+                        <div class="col-span-1">
+                            {{ `${parseFloat(form_state.fence_length.toString()).toFixed(2)}\xa0мм` }}
+                        </div>
+                    </div>
                 </template>
             </div>
-            <div class="prose col-span-12 lg:col-span-6">
-                <p>
-                    Окрашивается по технологии порошковой окраски: <br />
-                    ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }};
-                    столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}.
-                </p>
-            </div>
-            <div class="form-row justify-center">
-                <button @click.prevent="toggleModal">Рассчитать прямо сейчас</button>
-            </div>
         </form>
     </div>
 </template>
\ No newline at end of file