lerko/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

project card

Browse Source
This commit is contained in:
Tyler Koenig
2021-09-10 21:21:47 -04:00
parent cffa6db131
commit 79b4bf43be
2 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

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

17
style.css
View File

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