darkicewolf50/personal_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(projectcard): halfway done, need to make it so that 2 can be accepted

Browse Source
This commit is contained in:
darkicewolf50
2025-04-22 17:38:29 -06:00
parent f2e479acc7
commit 25238dea05
5 changed files with 143 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
assets/styling/projectCards.css Normal file
View File

@ -0,0 +1,69 @@
.project-card {
display: flex;
flex-direction: column;
flex-wrap: wrap;
background-color: aqua;
}
.project-card img {
width: 96%;
height: 50svh;
align-self: center;
padding-top: 1svh;
}
.project-title-info {
display: flex;
flex-direction: row;
border-bottom: var(--underlineTitle);
width: 80%;
margin: 0px 4svw;
padding: 0px 4svw;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.project-title-info h3 {
margin: 0px;
text-align: start;
white-space: nowrap;
align-self: center;
}
.project-title-info img {
height: 6svh;
}
.project-title-info div {
display: flex;
gap: 1svw;
justify-content: flex-end;
border-bottom: none;
}
.project-card div p {
display: flex;
width: 90%;
justify-self: center;
text-align: start;
}
.project-tech-logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-self: center;
width: 90%;
justify-content: space-between;
/* gap: 1svw; */
}
.project-tech-logos img {
width: 60px;
height: 60px;
padding: 1svh 0px;
flex: 0 1 19%;
}