Merge pull request #17 from ShaifArfan/dev

Dev
ShaifArfan · Oct 4, 2021 · 996e826 · 996e826
2 parents 0c82cfe + 3f8ace8
commit 996e826
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -8,7 +8,7 @@
 
 A `HTML, CSS` Project. Made with ♥ by the `web cifar community`. There will be 5 pages in the website (HomePage, MenuPage, AboutPage, ContactPage, BookingPage). In this project we gonna learn how we can create a website using simple `HTML, CSS`. The main purpose of the project is to get more used to with HTML, CSS. Although we used a few lines of JavaScript in the project for necessary cases. Later on, in this project, we gonna learn how we can deploy this site using `Netlify`. Also, we gonna learn the process from the zero to end and make the website ready for live production.
 
-## What we gonna learn
+## What we are going to learn
 
 - HTML, CSS
 - CSS Grid
@@ -33,6 +33,13 @@ You can find all the starter files in `starter_files` branch. You can to go to t
 - Lovekesh Pal
 - Houmayan Rashid Chy
 
+## Tools Used
+
+1. icons - (flat & Feather icons)
+2. illustration - [https://storyset.com/](https://storyset.com/)
+3. UI Design: Figma
+4. Code Editor: VS Code
+
 ## Contributing
 
 Contributions are always welcome! 👇

diff --git a/about.css b/about.css
@@ -64,7 +64,7 @@
 	grid-row: auto;
 	gap: 1rem;
 }
-.ourStory__img1 {
+.ourGoals__img1 {
 	grid-row: 1/3;
 }
 @media only screen and (min-width: 768px) {

diff --git a/about.html b/about.html
@@ -103,13 +103,13 @@ <h3 class="ourGoals__title">
         </p>
       </div>
       <div class="ourGoals__imgs__wrapper" data-aos="fade-up">
-        <div class="ourStory__img1">
+        <div class="ourGoals__img1">
           <img src="./images/ourGoals_img1.png" alt="kitchen img">
         </div>
-        <div class="ourStory__img2">
+        <div class="ourGoals__img2">
           <img src="./images/ourGoals_img2.png" alt="kitchen img">
         </div>
-        <div class="ourStory__img3">
+        <div class="ourGoals__img3">
           <img src="./images/ourGoals_img3.png" alt="kitchen img">
         </div>
       </div>

diff --git a/home.css b/home.css
@@ -447,13 +447,11 @@
 	}
 	.whyUs__left {
 		flex: 4;
+		text-align: left;
 	}
 	.whyUs__right {
 		flex: 3;
 	}
-	.whyUs__left {
-		text-align: left;
-	}
 	.whyUs__title {
 		font-size: 3.6rem;
 		margin-bottom: 2rem;
@@ -488,6 +486,7 @@
 	font-size: 1.8rem;
 	margin-bottom: 3rem;
 	text-align: center;
+	color: var(--black-1);
 }
 .testimonial__items__wrapper {
 	display: grid;
@@ -497,12 +496,9 @@
 .testimonial__item {
 	padding: 1rem;
 	display: flex;
-	/* align-items: stretch;
-	justify-content: stretch; */
 	gap: 1rem;
 	background-color: var(--lightGreen-1);
 	border-radius: 12px;
-	/* height: min-content; */
 }
 .testimonial__item__info {
 	flex: 4;
@@ -533,7 +529,6 @@
 @media only screen and (min-width: 768px) {
 	.testimonial__wrapper {
 		max-width: 900px;
-		margin: 0 auto;
 	}
 	.testimonial__title {
 		font-size: 3.6rem;
@@ -564,7 +559,7 @@
 	}
 	.testimonial__item__img,
 	.testimonial__item__info {
-		flex: 1;
+		flex: auto;
 	}
 }
 /* End Testimonial Section */