fix(prettier): Added prettier config and modified files

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false
+}

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
   "files.eol": "\n",
-  "editor.tabSize": 4,
+  "editor.tabSize": 2,
   "search.exclude": {
     "node_modules/": true
   },

README.md

@@ -46,10 +46,10 @@ This is a beginner friendly project and we hope to build an amazing website from
 
 The tech stack we will be using:
 
--   HTML
--   CSS
--   JavaScript
--   Bootstrap
+- HTML
+- CSS
+- JavaScript
+- Bootstrap
 
 <!-- USAGE EXAMPLES -->
 
@@ -75,9 +75,9 @@ The tech stack we will be using:
 
 ## Before You Start
 
--   Always maintain the **file format & folder structure.**
--   Maintain proper file names (i.e, for images).
--   Don't use capital or spaces for files names instead use `_` or `-`.
+- Always maintain the **file format & folder structure.**
+- Maintain proper file names (i.e, for images).
+- Don't use capital or spaces for files names instead use `_` or `-`.
 
 ---
 

css/about.css

@@ -1,89 +1,88 @@
 * {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* ********************************* About Page Styles ********************************* */
 
 body {
-    background: url(../assets/img/bg_shape.png) var(--darkwhite) fixed center /
-        cover;
+  background: url(../assets/img/bg_shape.png) var(--darkwhite) fixed center / cover;
 }
 
 .container {
-    margin: 10rem auto;
-    padding: 1rem;
+  margin: 10rem auto;
+  padding: 1rem;
 }
 
 .container h2 {
-    margin: 3rem auto;
-    font-size: 35px;
-    font-weight: 600;
-    color: var(--lightblack);
-    letter-spacing: 0.2px;
-    text-align: center;
+  margin: 3rem auto;
+  font-size: 35px;
+  font-weight: 600;
+  color: var(--lightblack);
+  letter-spacing: 0.2px;
+  text-align: center;
 }
 
 .container .content .title {
-    font-size: 22px;
-    margin-bottom: 15px;
-    line-height: 30px;
-    font-weight: 600;
-    text-align: center;
-    color: var(---lightblack);
+  font-size: 22px;
+  margin-bottom: 15px;
+  line-height: 30px;
+  font-weight: 600;
+  text-align: center;
+  color: var(---lightblack);
 }
 
 .container .text {
-    font-size: 16px;
-    line-height: 24px;
-    text-align: center;
-    color: var(--lightblack);
-    margin-top: 0;
-    margin-bottom: 1rem;
-    letter-spacing: -.2px;
+  font-size: 16px;
+  line-height: 24px;
+  text-align: center;
+  color: var(--lightblack);
+  margin-top: 0;
+  margin-bottom: 1rem;
+  letter-spacing: -0.2px;
 }
 
 .container i {
-    font-size: 40px;
-    text-align: center;
-    display: block;
-    margin: 20px;
+  font-size: 40px;
+  text-align: center;
+  display: block;
+  margin: 20px;
 }
 
 .ghost-blue {
-    -webkit-text-stroke: 2px var(--primaryblue);
-    color: transparent;
+  -webkit-text-stroke: 2px var(--primaryblue);
+  color: transparent;
 }
 
 .ghost-green {
-    -webkit-text-stroke: 2px var(--primarygreen);
-    color: transparent;
+  -webkit-text-stroke: 2px var(--primarygreen);
+  color: transparent;
 }
 
 .ghost-red {
-    -webkit-text-stroke: 2px var(--primaryred);
-    color: transparent;
+  -webkit-text-stroke: 2px var(--primaryred);
+  color: transparent;
 }
 
 .container .box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
 }
 
 .container .content {
-    width: 280px;
-    padding: 25px 30px;
-    box-sizing: border-box;
-    margin: 20px;
-    box-shadow:  0 0 15px rgb(99 114 130 / 30%);
-    border-radius: 5px;
-    transition: 0.5s ease;
-    cursor: pointer;
-    background-color: var(--darkwhite);
+  width: 280px;
+  padding: 25px 30px;
+  box-sizing: border-box;
+  margin: 20px;
+  box-shadow: 0 0 15px rgb(99 114 130 / 30%);
+  border-radius: 5px;
+  transition: 0.5s ease;
+  cursor: pointer;
+  background-color: var(--darkwhite);
 }
 
 .container .content:hover {
-    transform: scale(1.10);
+  transform: scale(1.1);
 }

css/blog.css

@@ -1,6 +1,6 @@
 * {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* ********************************* Blog Page Styles ********************************* */