Building My Portfolio

Building my portfolio gave me one place to organize my projects and show what I am learning.

It brings together my Blue Harbor Café, development journal, and To-Do project so visitors can see my progress in one place.

Building it has taught me how separate pages, shared styles, images, and navigation work together.

A Reusable CSS Class

One reusable CSS class in my portfolio looks like this:

.card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));
  border: 1px solid var(--line);
  border-radius: var(--radius-2);
  box-shadow: var(--shadow-1);
  backdrop-filter: blur(6px);
  padding: var(--space-8);
}

The .card class gives different sections the same reusable design