render() {
    this.shadowRoot.innerHTML = `
    ${css}
    <section class="cards">

    ${this.articles
      .map(
        (article) =>
          `<medium-article-card article=${encodeObject(
            article
          )}></medium-article-card>`
      )
      .join("")}
    
    </section>
    `;
  }