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::before { content: "Awesome Regional Conference 2023" }
  .date::before { content: "5/21/2023" }
  .venue::before { content: "Totally Real Conference Hall" }
  .location::before { content: "123 Totally Real Blvd, Austin, Tx" }
}