Lists

You can style many parts of the list

list-style-image: url('sqpurple.gif');
list-style-position: inside; //default is outside

List also comes with default margin and padding if you want to get rid of it

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

You can't change the size of the image very well so usually just better to use an actual img tag

Getting that last/first element to be properly spaced

.article-list {
  margin-bottom: 1rem;

  &:last-child {
    margin-bottom: 0;
  }
}