.portfolio
{
  padding: 1em;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 1em
}

.portfolio-card
{
  background: #fdc;
  text-align: center;
  padding: 1em;
  border: solid 4px #123;
  border-radius: 1em
}

img { max-width: 100% }

ul#blog li
{
  margin: 1em;
  padding: 1em;
  border: 1px gray solid;
  border-radius: .5em;
  list-style-type: none
}
ul#blog li p.date
{
  font-weight: 800
}