From 31e7289b767d0d437b32d6522aeaf8102d4968af Mon Sep 17 00:00:00 2001
From: Hacene <haceneouserir@gmail.com>
Date: Mon, 29 Jan 2024 21:21:59 +0100
Subject: [PATCH] Update css comments

---
 css/app.css | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/css/app.css b/css/app.css
index cccdee8..ae84d94 100644
--- a/css/app.css
+++ b/css/app.css
@@ -1,4 +1,4 @@
-/* Framework of website */
+/* General */
 .container {
   margin-left: auto;
   margin-right: auto;
@@ -34,7 +34,7 @@ body {
   font-family: sans-serif;
 }
 
-/* Back to top btn */
+/* Back to top button */
 #back-to-top {
   display: none;
   position: fixed;
@@ -53,7 +53,7 @@ body {
   background-color: #636E72;
 }
 
-/* Style header */
+/* Header */
 header {
   background-color: #0984E3;
   width: 100%;
@@ -61,7 +61,7 @@ header {
   border-bottom: 5px solid #000;
 }
 
-/* Style navbar */
+/* Navbar */
 .navbar {
   width: 100%;
   padding: 10px;
@@ -81,13 +81,13 @@ header {
   cursor: pointer;
 }
 
-/* Hide the icon of small screens  */
+/* Hide burger icon  */
 .navbar .icon {
   display: none;
   cursor: pointer;
 }
 
-/* Style multi sections & footer */
+/* Sections dimensions */
 .portfolio, .services, .review, .contactMe, footer {
   width: 100%;
   height: auto;
@@ -95,7 +95,7 @@ header {
   margin-bottom: 20px;
 }
 
-/* Add flexbox properties */
+/* Flexbox */
 .skills, .allServices, .cards, footer {
   display: flex;
   flex-direction: row;
@@ -110,7 +110,7 @@ header {
   padding: 2px;
 }
 
-/* Services divs */
+/* Services */
 .service1, .service2, .service3 {
   width: 200px;
   height: 350px;
@@ -118,18 +118,18 @@ header {
   margin: 20px;
 }
 
-/* Service description div */
+/* Service description */
 .servDescription {
   text-align: center;
   margin: 10px;
 }
 
-/* Service title div */
+/* Service title */
 .servTitle {
   border-bottom: 5px solid #0984E3;
 }
 
-/* Recommended service div */
+/* Recommended service */
 .recommended {
   margin-top: 50px;
   padding-top: 20px;
@@ -138,7 +138,7 @@ header {
   font-size: 1.5em;
 }
 
-/* Style the cards of clients reviews */
+/* Clients reviews */
 .card1, .card2, .card3 {
   width: 200px;
   height: auto;
@@ -147,7 +147,7 @@ header {
   padding: 5px;
 }
 
-/* Photo of clients */
+/* Clients images */
 .cardPhoto {
   display: block;
   margin: auto;
@@ -155,7 +155,7 @@ header {
   padding: 5px;
 }
 
-/* Contact info div */
+/* Contact info */
 .contactInfo {
   border: 5px solid #0984E3;
   padding: 50px;
@@ -173,7 +173,7 @@ header {
   padding: 10px;
 }
 
-/* Style footer */
+/* Footer */
 footer {
   width: 100%;
   height: 75px;
@@ -182,17 +182,17 @@ footer {
   margin-bottom: 0;
 }
 
-/* Copyright & social divs */
+/* Copyright & social media */
 .copyright, .social {
   margin: 50px;
 }
 
-/* copyright text */
+/* Copyright */
 .copyright {
   font-size: 1.2em;
 }
 
-/* Social buttons */
+/* Social media links */
 .social {
   font-size: 1.7em;
   cursor: pointer;
@@ -202,7 +202,7 @@ footer {
   padding: 5px;
 }
 
-/* Responsive web design media queries */
+/* Media queries */
 @media screen and (max-width: 768px) {
   .navbar a {
     display: none;