update Readme

README.md

@@ -18,15 +18,15 @@ This repository contains a project designed for managing phone contacts.
 - Contact filtering
 - Routing
 
-<img src="./src/img/Phonebook.png" alt="Home page" width="796" height="756">
+![Home page](./src/img/Phonebook.png)
 
 This project is a web application for managing contacts, including functions for
 registering and authorizing users, adding and deleting contacts, and filtering
 contacts. The app allows users to register, log in and manage their contacts
 securely. Users can add new contacts, remove unnecessary ones, and filter
 contacts based on specific criteria such as name or email.
 
-<img src="./src/img/PhonebookLogin.png" alt="Private page" width="796" height="756">
+![Private page](./src/img/PhonebookLogin2.png)
 
 ## Technologies Used
 

README.ua.md

@@ -19,7 +19,7 @@
 - Фільтрація контактів
 - Маршрутизація
 
-<img src="./src/img/Phonebook.png" alt="Home page" width="796" height="756">
+![Home page](./src/img/Phonebook.png)
 
 Цей проект являє собою веб-додаток для керування контактами, що включає функції
 реєстрації та авторизації користувачів, додавання та видалення контактів, а
@@ -28,7 +28,7 @@
 додавати нові контакти, видаляти непотрібні та фільтрувати контакти за певними
 критеріями, такими як ім'я або електронна пошта.
 
-<img src="./src/img/PhonebookLogin.png" alt="Private page" width="796" height="756">
+![Private page](./src/img/PhonebookLogin2.png)
 
 ## Використані технології
 

src/components/ContactList/ContactList.module.css

@@ -56,22 +56,23 @@
   background-color: var(--red-accent);
 }
 
-
 @media screen and (min-width: 768px) {
-.contactInfo {
-  display: flex;
-  justify-content: space-between;
-  letter-spacing: 0.1em;
-  width: 480px;
-}
-.item {
-  height: 25px;
-}
-.contactNum {
-  letter-spacing: 0.3em;
-}
-.deleteButton {
-  padding: 5px 10px;
-}
+  .contactInfo {
+    display: flex;
+    justify-content: space-between;
+    letter-spacing: 0.1em;
+    width: 480px;
+  }
+  .item {
+    height: 25px;
+  }
+  .contactNum {
+    letter-spacing: 0.3em;
+    justify-content: flex-start;
+    width: 170px;
+  }
+  .deleteButton {
+    padding: 5px 10px;
+  }
 }
-/* @media screen and (min-width: 1440px) {}  */
+/* @media screen and (min-width: 1440px) {}  */