CSS Grid: Task Board Freeform Project


#1

Link to the exercise:
https://www.codecademy.com/courses/learn-css-grid/projects/css-grid-project-ii?course_redirect=learn-css

For task 8, the grid-auto-rows should be placed under the .card-column class?

And for task 9, what exactly should I do to produce this result?
https://s3.amazonaws.com/codecademy-content/courses/learn-css-grid/project-ii/index.html


#2

Hello @wenyitee
The link which you shared is for pro members so I can’t open it.

And for task 9, (as is apparent to me from the other link you’ve posted) you’ll have to first create two rows - one header and the other one having those divs - future project, active projects and current projects.
And then set the grid gap.
Then make rows for those divs.

You’ll have to use javascript for adding the rows in the completed projects’ div.
Add an event listener to the add button and then do the required task.
Also note that body’s background sholud have a linear gradient

I don’t know exactly what you have to do. I hope that I have assumed it correctly that you have to do this from scratch.

Check this reference site for seeing what all you can use.

You can yourself inspect the page (task 9) by ctrl + shift + I
And see what to do


#3

You need not display the body and grid and then make two rows for header and the content
Just use grid for those divs


#4

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