All solutions

What are you most proud of, and what would you do differently next time?

I learned how to center the bullet/marker of a list element using the ::before pseudo-element instead

ul {
  list-style: none;
}

ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--medium-spacing);
  padding-left: var(--small-spacing);
}

ul li::before {
  content: '\2B24 ';
  color: var(--brown-800);
  font-size: .3rem;
}

What specific areas of your project would you like help with?

I couldn't figure out how to make the font size change on mobile device without using media queries.

Can anyone show me to do so?