The instruction “ensuring there is 10px of space between the edge of the rule and the column content” is confusing and I don’t know whether to make a gap of 10 or 20 pixels.
If I make it 10, I get the three columns in the provided sample but the text in the second and third columns sit closer to the rule than in the sample.
there issue in the preview area so i will ask @schalkneethling to help to fix this
for the gap part the point :
a) the rule take part of the gap so if there there 20 gap and 5px for rule as you did it would look like if there 7.5px on right side of column then 5px for rule then another 7.5px for the left side of the next rule
they already mentioned it in the lesson but it hard to get it without use it
Something to take note of is that the rule doesn't take up any width of its own. It lies across the gap you created with column-gap. To make more space on either side of the rule, you'll need to increase thecolumn-gap size.
so the gap to be calculated it will be the double of the required space (one for the right side of column and another for left side of the next column) + the rule size if there is any
Apologies for the confusion created here @Nohbdy. As @justsomeone mentioned there is a layout problem with the editor in that page. While we resolve the problem, please feel free to use this Codepen to work on the assignment:
I’ve been trying to troubleshoot via the console log in Google Chrome to find how this is calculated. I haven’t been able to come to this answer/conclusion on my own.