Hi, guys, I’m learning fractions in CSS Grid now and I got stuck a little.
Here is the link to the exercise where I’ve found diffiiculty in: https://www.codecademy.com/courses/learn-css-grid/lessons/css-grid-i/exercises/fraction?action=resume_content_item&course_redirect=learn-css
And the question is: why did we use “1 fr 1 fr 1 fr” for rows? How did we divide "height: 500px;"so that each row took up the exact same fraction? Why couldn’t it be “2 fr 2 fr 2fr” for example?
And how are width and height divided in order to split values evenly between all rows and columns?
I will be very grateful for your answers because that’s very important to me! Thank you!