CSS Grid Area - Error?


#1

Request:
“Let’s make box b take up six columns. In style.css, create a rule for elements of class b. Use grid-column to set its starting column to 2. Use span to make the item take up six colum”

CSS Code:

.grid {
display: grid;
border: 2px blue solid;
height: 500px;
width:500px;
grid-template: repeat(4, 1fr 2fr) / repeat(4, 3fr 2fr);
grid-gap: 5px;
}

The issue is there are only 5 colums in the .grid, wich is the container. The child element .b how can it have 6 columns?

Link to exercise:
https://www.codecademy.com/courses/learn-css-grid/lessons/css-grid-i/exercises/grid-area?action=resume_content_item&course_redirect=learn-css


#2

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.