Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 53

HTML-CSS
1

Step 53

Create a selector to target your td elements within your table body. Give them a width to fill the viewport, with a minimum and maximum of 4rem. This approach ensures that the width is fixed, whereas setting width specifically would allow the elements to shrink to the container.
My Code

tbody td {
  min-width: 4rem;
  max-width: 4rem;
}

It’s not accepting my answer. Am I doing anything wrong?

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 53

Link to the challenge:

2

It kept showing me this hint

“You should have a tbody td selector.”

3

Hello!
Viewing the posted code, it appears that one step was not completed from the instructions.
The viewport width to fill.

For example: fill half would be

{
width: 50vw;
}

But, the instructions state fill, not half.

I hope this helps! Happy coding!

1 Like
4

Hi! Thanks for that. However with my new code

tbody td {
  width: 100vw;
  min-width: 4rem;
  max-width: 4rem;
}

It’s still telling me " Hint: You should have a tbody td selector."

5

Your code works for me.
You have got it right! :slight_smile:

I suggest checking to see if the browser may have extensions that are interfering with it, or submit it through a different browser.
I have had both issues, at different times, while doing my own coding.

1 Like
6

Perfect! I will give that a go :slight_smile: Thanks and have a nice day

1 Like
7

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