• 10 hours
  • Easy

Free online content available in this course.



Got it!

Last updated on 3/13/23

Create grids with CSS Grid

Evaluated skills

  • Recognize how to incorporate CSS Grid browser compatibility into your page design
  • Explain how to create layouts with CSS Grid
  • Question 1

    CSS Grid allows you to create:

    • One-dimensional layouts with columns that you control

    • Two-dimensional layouts with columns and rows that you control

    • Three-dimensional layouts with columns, rows, and grid stacking that you control

  • Question 2

    Which line of code must you set to create a grid on a container element, which will allow you to use further CSS Grid properties?

    • display: grid;

    • display: css-grid;

    • display: column-grid;

  • Question 3

    Which line of code sets a grid with 6 columns of equal size?

    • grid-template-columns: 1em 1.2em 1.4em 1.6em 1.8em 2em;

    • grid-template-columns: 16.67%;

    • grid-template-columns: 6 6 6 6 6 6;

    • grid-template-columns: 100px 100px 100px 100px 100px 100px;

Ever considered an OpenClassrooms diploma?
  • Up to 100% of your training program funded
  • Flexible start date
  • Career-focused projects
  • Individual mentoring
Find the training program and funding option that suits you best