CSS Pseudo Selectors Step 53: Solution doesn't seem to be doing anything

HTML-CSS
1

step 53: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/step-53

image
image1366×579 46.9 KB

Solution is

tbody th {
  border: 1px solid black;
  width: calc(100% - 12rem);
}

<th> width shows no visible changes for any value 12rem

Is this expected behavior? I haven’t seen the next steps yet.

Alternatively,

tbody th {
  border: 1px solid black;
  width: calc(100vw - 12rem);
}

allows visible adjusting of <th>

2

it’s interesting!! i would also like to know about that as well, if anybody wants explain why width: calc(100% - 12rem); doesnt show any visible changes but is accepted ‘solution’ and width: calc(100vw - 12rem); does but it’s not an ‘accepted’ answer!! thank you for looking into this, much appreciated :slight_smile:

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.