@RaquelDFSSubmitted 9 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?"
"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?"
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.