Imagine we have a grid with the following CSS properties, with 4 boxes inside of it. If we added a fifth box to the HTML, what width would it have?.grid {  grid-template-rows: repeat(2, 50px);  grid-template-columns: repeat(2, 100px);  grid-auto-rows: 60px;  grid-auto-columns: 70px;}60px50px100px70px0px

Imagine we have a grid with the following CSS properties, with 4 boxes inside of it. If we added a fifth box to the HTML, what height would it have?.grid {  grid-template-rows: repeat(2, 50px);  grid-template-columns: repeat(2, 100px);  grid-auto-rows: 60px;  grid-auto-columns: 70px;}60px100px50px70px0px

CSS grid introduced a new length unit, fr, to create flexible grid tracks. Referring to the code sample below, what will the widths of the three columns be?.grid {display: grid;width: 500px;grid-template-columns:50px 1fr 2fr;}AThe first column will have a width of 50px. The second column will be 50px wide and the third column will be 100px wide.BThe first column will have a width of 50px. The second column will be 150px wide and the third column will be 300px wide.CThe first column will have a width of 50px. The second column will be 300px wide and the third column will be 150px wide.DThe first column will have a width of 50px. The second column will be 500px wide and the third column will be 1000px wide.

Imagine we have a grid with 2 explicitly defined rows and 2 explicitly defined columns and no other grid properties set in the CSS, with the following divs inside of it. If we added a <div class="box">E</div> to the HTML after box D, where would box E appear on the page?<div class="box">A</div><div class="box">B</div><div class="box">C</div><div class="box">D</div>It would appear underneath box C in a new row.It would appear to the right of box D in a new column.It would appear outside of the grid.It would appear to the right of box B in a new column.It would appear underneath box D in a new row.

Which CSS property is used to specify the amount of space between the elements' borders in a grid layout?Question 10Answera.grid-gapb.grid-spacec.grid-paddingd.grid-margin

Question 5When designing a website using CSS grid, what code can you use to design three columns where the second column uses twice the space as the other two?1 pointgrid-template-rows: 1fr 2fr 1fr;grid-auto-columns: auto;grid-template-columns:1fr2fr1fr;grid-column-gap: 2fr;