.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%; }