Doing it Wrong #1: Using CSS to Render Content

by jsn1nj4

HTML

<article class="event">
  <h1 class="title"></h1>
  <h3 class="date"></h3>
  <p class="venue"></p>
  <p class="location"></p>
</article>

SCSS

.event {
  .title { content: "Awesome Regional Conference 2023" }
  .date { content: "5/21/2023" }
  .venue { content: "Totally Real Conference Hall" }
  .location { content: "123 Totally Real Blvd, Austin, Tx" }
}