diff --git a/.editorconfig b/.editorconfig
index 56104db..a51bef2 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -6,7 +6,7 @@ end_of_line = lf
 indent_size = 4
 indent_style = space
 insert_final_newline = false
-max_line_length = 160
+max_line_length = 200
 tab_width = 4
 
 [*.vue]
diff --git a/dynamic.html b/dynamic.html
index e810437..2f79033 100644
--- a/dynamic.html
+++ b/dynamic.html
@@ -11,114 +11,115 @@
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
   <link href='https://fonts.googleapis.com/css?family=Nunito&display=swap' rel='stylesheet'>
-  <style>body {font-family: 'Nunito';font-size: 22px;}</style>
+  <style>body {font-family: 'Nunito', sans-serif, system-ui;}</style>
 </head>
-<body>
+<body id="fromBrutto">
 
 <div class="container pt-5">
-  <div class="row">
-    <div class="col-12 col-md-6">
-      <form class="row" id="fromBrutto">
-        
-        <div class="mb-3 col-12 col-md">
-          <label for="idBruttoInput" class="form-label text-bold">Brutto salary*:</label>
-          <div class="input-group">
-            <span class="input-group-text">€</span>
-            <input id="idBruttoInput" type="number" class="form-control" v-model="bruttoSalary" placeholder="700" min="0" step="10">
-            <span class="input-group-text">.00</span>
-          </div>
 
-          <label for="idDependentsInput" class="form-label text-bold">Dependents:</label>
-          <select id="idDependentsInput" class="form-select" v-model="dependentCount">
-            <option value="0">0</option>
-            <option v-for="num in 6" :value="num">{{ num }}</option>
-          </select>
-          <label><input type="checkbox" id="idTaxBookSubmitted" v-model="taxBookSubmitted" checked> Salary tax book has been submitted to
-            the employer</label><br>
-
-          <label for="idExtraTaxDiscount" class="form-label text-bold">Extra tax-free amount:</label>
-          <div class="input-group">
-            <span class="input-group-text">€</span>
-            <input type="number" class="form-control" id="idExtraTaxDiscount" v-model="extraTaxDiscount" placeholder="0" min="0" step="0.01">
-          </div>
+  <form class="row">
+    <div class="col-12 col-md-5 mb-3">
+      <div class="mb-3">
+        <label for="idBruttoInput" class="form-label text-bold">Brutto salary*:</label>
+        <div class="input-group">
+          <span class="input-group-text">€</span>
+          <input id="idBruttoInput" type="number" class="form-control" v-model="bruttoSalary" placeholder="700" min="0" step="10">
+          <span class="input-group-text">.00</span>
         </div>
-        
-        <div class="col-12 col-md-6">
-          <ul class="list-group">
-            <li class="list-group-item d-flex justify-content-between align-items-start">
-              <div class="ms-2 me-auto">
-                <div class="fw-bold">Brutto salary</div>
-              </div>
-              <span id="idBruttoSalaryDisplay">{{bruttoSalary}}€</span>
-            </li>
-            <li class="list-group-item d-flex justify-content-between align-items-start">
-              <div class="ms-2 me-auto">
-                <div class="fw-bold">Social security tax</div>
-              </div>
-              <span class="text-danger">{{socialInsuranceAmount}}€</span>
-            </li>
-            <li class="list-group-item d-flex justify-content-between align-items-start">
-              <div class="ms-2 me-auto">
-                <div class="fw-bold">Income tax</div>
-              </div>
-              <span class="text-danger">{{incomeTax}}€</span>
-            </li>
-            <li class="list-group-item d-flex justify-content-between align-items-start">
-              <div class="ms-2 me-auto">
-                <div class="fw-bold">Net salary</div>
-              </div>
-              <span class="text-primary">{{netSalary}}€</span>
-            </li>
-            <li class="list-group-item d-flex justify-content-between align-items-start">
-              <div class="ms-2 me-auto">
-                <div class="fw-bold">Employer tax</div>
-              </div>
-              <span class="text-warning">{{employersSocialInsuranceAmount}}€</span>
-            </li>
-            <li class="list-group-item d-flex justify-content-between align-items-start">
-              <div class="ms-2 me-auto">
-                <div class="fw-bold">Employer total cost</div>
-              </div>
-              <span>{{employerTotalCost}}€</span>
-            </li>
-            <li class="list-group-item d-flex justify-content-between align-items-start">
-              <table class="table table-sm table-striped table-hover">
-                <thead>
-                <tr>
-                  <th></th>
-                  <th class="text-end">Hourly</th>
-                  <th class="text-end">Daily</th>
-                  <th class="text-end">Yearly</th>
-                </tr>
-                </thead>
-                <tbody>
-                <tr>
-                  <th>Net</th>
-                  <td class="text-end font-monospace">{{hourlyNet}}€</td>
-                  <td class="text-end font-monospace">{{dailyNet}}€</td>
-                  <td class="text-end font-monospace">{{yearlyNet}}€</td>
-                </tr>
-                <tr>
-                  <th>Brutto</th>
-                  <td class="text-end font-monospace">{{hourlyBrutto}}€</td>
-                  <td class="text-end font-monospace">{{dailyBrutto}}€</td>
-                  <td class="text-end font-monospace">{{yearlyBrutto}}€</td>
-                </tr>
-                <tr>
-                  <th>Employer</th>
-                  <td class="text-end font-monospace">{{hourlyEmployer}}€</td>
-                  <td class="text-end font-monospace">{{dailyEmployer}}€</td>
-                  <td class="text-end font-monospace">{{yearlyEmployer}}€</td>
-                </tr>
-                </tbody>
-              </table>
-            </li>
-          </ul>
+      </div>
+      <div class="mb-3">
+        <label for="idDependentsInput" class="form-label text-bold">Dependents:</label>
+        <select id="idDependentsInput" class="form-select" v-model="dependentCount">
+          <option value="0">0</option>
+          <option v-for="num in 6" :value="num">{{ num }}</option>
+        </select>
+        <label><input type="checkbox" id="idTaxBookSubmitted" v-model="taxBookSubmitted" checked> Salary tax book has been submitted to the employer</label><br>
+      </div>
+      <div class="mb-3">
+        <label for="idExtraTaxDiscount" class="form-label text-bold">Extra tax-free amount:</label>
+        <div class="input-group">
+          <span class="input-group-text">€</span>
+          <input type="number" class="form-control" id="idExtraTaxDiscount" v-model="extraTaxDiscount" placeholder="0" min="0" step="0.01">
         </div>
-      </form>
-
+      </div>
     </div>
-  </div>
+
+    <div class="col-12 col-md-7">
+      <ul class="list-group">
+        <li class="list-group-item d-flex justify-content-between align-items-start">
+          <div class="ms-2 me-auto">
+            <div class="fw-bold">Brutto salary</div>
+          </div>
+          <span id="idBruttoSalaryDisplay">{{bruttoSalary}}€</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-start">
+          <div class="ms-2 me-auto">
+            <div class="fw-bold">Social security tax</div>
+          </div>
+          <span class="text-danger">{{socialInsuranceAmount}}€</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-start">
+          <div class="ms-2 me-auto">
+            <div class="fw-bold">Income tax</div>
+          </div>
+          <span class="text-danger">{{incomeTax}}€</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-start">
+          <div class="ms-2 me-auto">
+            <div class="fw-bold">Net salary</div>
+          </div>
+          <span class="text-primary">{{netSalary}}€</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-start">
+          <div class="ms-2 me-auto">
+            <div class="fw-bold">Employer tax</div>
+          </div>
+          <span class="text-warning">{{employersSocialInsuranceAmount}}€</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-start">
+          <div class="ms-2 me-auto">
+            <div class="fw-bold">Employer total cost</div>
+          </div>
+          <span>{{employerTotalCost}}€</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-start">
+          <div class="table-responsive-lg" style="width: 100%">
+          <table class="table table-sm table-striped table-hover">
+            <thead>
+            <tr>
+              <th></th>
+              <th class="text-end">Hourly</th>
+              <th class="text-end">Daily</th>
+              <th class="text-end">Yearly</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+              <th>Net</th>
+              <td class="text-end font-monospace">{{hourlyNet}}€</td>
+              <td class="text-end font-monospace">{{dailyNet}}€</td>
+              <td class="text-end font-monospace">{{yearlyNet}}€</td>
+            </tr>
+            <tr>
+              <th>Brutto</th>
+              <td class="text-end font-monospace">{{hourlyBrutto}}€</td>
+              <td class="text-end font-monospace">{{dailyBrutto}}€</td>
+              <td class="text-end font-monospace">{{yearlyBrutto}}€</td>
+            </tr>
+            <tr>
+              <th>Employer</th>
+              <td class="text-end font-monospace">{{hourlyEmployer}}€</td>
+              <td class="text-end font-monospace">{{dailyEmployer}}€</td>
+              <td class="text-end font-monospace">{{yearlyEmployer}}€</td>
+            </tr>
+            </tbody>
+          </table>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </form>
+
 </div>
 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
 

	Hourly	Daily	Yearly
Net	{{hourlyNet}}€	{{dailyNet}}€	{{yearlyNet}}€
Brutto	{{hourlyBrutto}}€	{{dailyBrutto}}€	{{yearlyBrutto}}€
Employer	{{hourlyEmployer}}€	{{dailyEmployer}}€	{{yearlyEmployer}}€