Build a Balance Sheet - Step 53

HTML-CSS
1

Tell us what’s happening:

shouldn’t 100vw mean each td would end up taking 100% of the sreeen witch is the viewport?

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

tbody td{width:100vw}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Build a Balance Sheet - Step 53
https://www.freecodecamp.org/learn/full-stack-developer/workshop-balance-sheet/step-53

2

image
image1366×607 42.7 KB

3

continue with the other properties, it will looks right in the end

4

Give them a width to fill the viewport, with a minimum and maximum of 4rem .

You still need to assign the minimum and maximum width to pass this step.

5

Hey Buddy kindly do add the colon ; after 100vw

And kindly do add the properties name min-width and max-width with the value of 4rem

Hope You Understand.

6

i did know how to do this step,i did, i just dont understand how 100vw dosent ocupy the hole screen

7

isnt 100vw mean 100% of the viewport /screen?

8

yes, it does mean that, but the width is also costrained by min-width and max-width

We investigated this, removing the width: 100vw make the table change layout in a way we don’t want

9

is 100% = 100vw in this case? im a bit confused i thogth that 1 th element whould ocupy the same number of pixels my screen or html element has

10

even if there is written width: 100vw, there are also the other properties to consider, min-width and max-width which make so that the width of the element can’t be lower than min-width or higher than max-width

11

but on that screenshot i hadnt put the min or max width yet as you can see

12

you can right click and inspect to see how big they are

13

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