diff --git a/css/mainStyle.css b/css/mainStyle.css
index dddf363..e27a252 100644
--- a/css/mainStyle.css
+++ b/css/mainStyle.css
@@ -1,6 +1,15 @@
 .centered {
     text-align: center;
 }
+.rowShow{
+    display: flex;
+    max-width: 100vw;
+    max-height: 20vh;
+    width:100%;
+    vertical-align: middle;
+}
+
+
 .testElement{
     border: 1px black solid;
     text-align: center;
@@ -8,6 +17,7 @@
     width: 10%;
     height: 10%;
     padding: 1%;
+    margin-left:20px;
 
 }
 .testElement img{
@@ -30,4 +40,7 @@ a{
 }
 a{
     color:blue;
+}
+.active{
+    color:rgb(226, 101, 43);
 }
\ No newline at end of file
diff --git a/html/about.html b/html/about.html
index fafbb75..c1f1e3a 100644
--- a/html/about.html
+++ b/html/about.html
@@ -17,7 +17,7 @@
             <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
-            <li><a href="about.html">О нас</a></li>
+            <li><a href="about.html" class="active">О нас</a></li>
         </ul>
         
         <hr>
diff --git a/html/catalogue.html b/html/catalogue.html
index eb4de86..3fab605 100644
--- a/html/catalogue.html
+++ b/html/catalogue.html
@@ -15,7 +15,7 @@
         <hr>
         <ul class="inlineList">
             <li><a href="index.html"> На главную</a></li>
-            <li><a href="catalogue.html"> Каталог</a></li>
+            <li><a href="catalogue.html" class="active"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
             <li><a href="about.html">О нас</a></li>
         </ul>
@@ -45,11 +45,19 @@
             <button type="submit">Найти</button>
         </form>
         <p>Результаты поиска:</p>
-        <div class="testElement">
-            <a href="book.html">
-                <img src="../img/test.jpg" alt="Обложка книги книги">
-                <p>Название книги</p>
-            </a>
+        <div class="rowShow">
+            <div class="testElement">
+                <a href="book.html">
+                    <img src="../img/test.jpg" alt="Обложка книги книги">
+                    <p>Название книги</p>
+                </a>
+            </div>
+            <div class="testElement">
+                <a href="book.html">
+                    <img src="../img/test.jpg" alt="Обложка книги книги">
+                    <p>Название книги</p>
+                </a>
+            </div>
         </div>
     </body>
 </html>
\ No newline at end of file
diff --git a/html/index.html b/html/index.html
index b136649..5f73bfe 100644
--- a/html/index.html
+++ b/html/index.html
@@ -15,19 +15,28 @@
         <h3 class="centered">Сборник свободных и бесплатных книг</h3>
         <hr>
         <ul class="inlineList">
-            <li><a href="index.html"> На главную</a></li>
+            <li><a href="index.html" class="active"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
             <li><a href="profile.html">Профиль</a></li>
             <li><a href="about.html">О нас</a></li>
         </ul>
         
         <hr>
-        <div class="testElement">
-            <a href="book.html">
-                <img src="../img/test.jpg" alt="Обложка книги книги">
-                <p>Название книги</p>
-            </a>
+        <div class="rowShow">
+            <div class="testElement">
+                <a href="book.html">
+                    <img src="../img/test.jpg" alt="Обложка книги книги">
+                    <p>Название книги</p>
+                </a>
+            </div>
+            <div class="testElement">
+                <a href="book.html">
+                    <img src="../img/test.jpg" alt="Обложка книги книги">
+                    <p>Название книги</p>
+                </a>
+            </div>
         </div>
 
+
     </body>
 </html>
\ No newline at end of file
diff --git a/html/profile.html b/html/profile.html
index 7bdeb72..f179fcc 100644
--- a/html/profile.html
+++ b/html/profile.html
@@ -16,7 +16,7 @@
         <ul class="inlineList">
             <li><a href="index.html"> На главную</a></li>
             <li><a href="catalogue.html"> Каталог</a></li>
-            <li><a href="profile.html">Профиль</a></li>
+            <li><a href="profile.html" class="active">Профиль</a></li>
             <li><a href="about.html">О нас</a></li>
         </ul>