All comments

• 

  Raquel Fonseca• 30

  @RaquelDFS

  Submitted 8 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

  @nicholasboyce

  Posted 8 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