diff --git a/5-dom-array-methods/script.js b/5-dom-array-methods/script.js
index 7a79fcf..bda8904 100644
--- a/5-dom-array-methods/script.js
+++ b/5-dom-array-methods/script.js
@@ -69,7 +69,9 @@ function updateDOM(providedData = data) {
   providedData.forEach((item) => {
     const element = document.createElement('div');
     element.classList.add('person');
-    element.innerHTML = `<strong>${item.name}</strong> ${formatMoney(item.money)}`;
+      element.innerHTML = `<strong class="item-name">${
+      item.name
+    }</strong><span class="item-money">${formatMoney(item.money)}</span> `;
     main.appendChild(element);
   });
 }
diff --git a/5-dom-array-methods/style.css b/5-dom-array-methods/style.css
index 67894cd..6c631e3 100644
--- a/5-dom-array-methods/style.css
+++ b/5-dom-array-methods/style.css
@@ -52,6 +52,7 @@ h2 {
   margin: 0 0 20px;
 }
 
+
 h3 {
   background-color: #fff;
   border-bottom: 1px solid #111;
@@ -68,3 +69,12 @@ h3 {
   font-size: 20px;
   margin-bottom: 10px;
 }
+@media (max-width: 545px) {
+  .item-name {
+    font-size: 17px;
+  }
+  .item-money {
+    font-size: 17px;
+    margin-left: 10px;
+  }
+}