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?

Digital Marketing, LinkedIn CSS Skill Quiz Answers

You no longer need to be worried if you are taking the LinkedIn CSS Skill Quiz Exam and are unsure about the proper answer to the question “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?” I have provided the right answer to your question below.

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;

}

Options

  • The first column will have a width of 50px. The second column will be 300px wide and the third column will be 150px wide.
  • The first column will have a width of 50px. The second column will be 500px wide and the third column will be 1000px wide.
  • The first column will have a width of 50px. The second column will be 50px wide and the third column will be 100px wide.
  • The first column will have a width of 50px. The second column will be 150px wide and the third column will be 300px wide.

The Correct Answer Is:

  • The first column will have a width of 50px. The second column will be 150px wide and the third column will be 300px wide.

Conclusion

I believe I was successful in answering your query “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?”. I hope you easily pass the certification exam and get the certificate as soon as possible. Have a great time! Good luck!