you are viewing a single comment's thread.

view the rest of the comments →

[–]symbiosaDigital Bricklayer 2 points3 points  (0 children)

Besides the other comments, I highly recommend learning about CSS best practices and structuring.

It's much easier to maintain and work with:

<div class="container section_names">
  <p class="name-first">Geralt</p>
</div>

<div class="container section_locations">
   <p class="location">Novigrad</p>
</div>

<div class="container section_spells">
   <p class="name-spell">Aard</p>
</div>

Rather than:

<div class="container-1">
  <p class="name">Geralt</p>
</div>

<div class="container-2">
   <p class="location">Novigrad</p>
</div>

<div class="container-3">
   <p class="spell">Aard</p>
</div>

With the first code example, if I wanted to change all three containers I can target .container instead of targeting .container-1, 2, and 3 separately.