project card

index.html

@@ -130,7 +130,7 @@
 						<h2>projects</h2>
 
 						<article class="project">
-							<div class="project-img">
+							<div class="project_img">
 								<a
 									href="https://github.com/pt-spring-2021-team-project-spa/team-2-spa-repo"
 									target="_blank"
@@ -140,14 +140,14 @@
 										alt=""
 								/></a>
 							</div>
-							<div class="project-name">
+							<div class="project_name">
 								<h3>mystery educator</h3>
 							</div>
-							<div class="project-date">
+							<div class="project_date">
 								<p>mon, may 25th 2021</p>
 							</div>
-							<div class="project-bar"></div>
-							<div class="project-about">
+							<div class="project_bar"></div>
+							<div class="project_about">
 								<p>
 									Lorem ipsum dolor sit amet consectetur
 									adipisicing elit. Et a maiores laborum quo
@@ -156,10 +156,9 @@
 									ducimus. Ad laudantium neque nobis?
 								</p>
 							</div>
-							<ul class="project-tagbox">
+							<ul class="project_tagbox">
 								<li class="tag__item">
 									java
-
 								</li>
 							</ul>
 						</article>

style.css

@@ -167,10 +167,17 @@ nav a:hover {
 	border: 1px solid #fff;
 }
 
-.project-img img {
-	width: 100%;
-	height: ;
+.project_img {
+	max-height: 50px;
+	min-width: 300px;
+	background-position-x: center;
+	background-position-y:center ;
+	overflow: hidden;
+}
 
+.project_img img {
+	width: 100%;
+	height: 100%;
 }
 
 /* end new  */
@@ -620,7 +627,7 @@ a:hover {
 
 /* color: #1b1b1b; */
 /* color: #2a9d8f */
-@media (min-width: 768px) {
+/* @media (min-width: 768px) {
 	#wrapper {
 		max-width: 992px;
 	}
@@ -716,6 +723,6 @@ a:hover {
 		flex-direction: row;
 		justify-content: space-between;
 	}
-}
+} */