another commit

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{
@@ -31,3 +41,6 @@ a{
 a{
     color:blue;
 }
+.active{
+    color:rgb(226, 101, 43);
+}

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>

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="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>

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="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>

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>