All comments

• 

  Raquel Fonseca•30

  @RaquelDFSSubmitted 10 months ago

  "I used the 'hr' tag in the table because I couldn't find another way to achieve the same result. Is this correct? Is it considered messy?"

  

  Recipe Page

  1

  90
  

  nicholasboyce•220

  @nicholasboycePosted 10 months ago

  For that, I used this rule:

  tr:not(:first-of-type) > * {
    border-block-start: 1px solid var(--line-color);
  }
  

  This means "everything within every table row except for the first one". You can't apply this styling on the table row itself, so this is your next best bet. When I practiced navigating through my page with a screen reader, I found this avoided having an extra element I needed to hide.

  0