@MukarramHaq
Posted
Love it. Good job on this one :)
For your first problem:
I would suggest looking into how to span an element across different columns and rows. You can use the grid-column
or grid-row
which is the short hand for grid-column-start
and grid-column-end
Another thing that really helped me with this project is using grid-template-column
property. For this to work you need to figure out how many columns do you need in this project which is usually the most difficult thing to do if you are starting out. For that I would suggest drawing out the layout on a piece of paper and try to work out how many columns you need. I generally do not declare rows unless I really have to and for this project you just need to declare columns which you can using grid-template-column
looking into it might be a good idea. This will save you a lot of headache
I hope this was helpful for you :)
Marked as helpful