Hi, @0xAbdulKhalid. It's a good solution. Keep coding. I have some suggestions for you.
1 - You don't need the CSS Grid for 1-direction flow. They match perfectly with the flexbox. Use flexbox 1-direction flow. In this project, you can just use the margin for whitespace. Keep it simple. CSS Grid is a good solution to 2-dimensions layout and complex components. CSS Grid usually uses a general page layout.
2 - You can use ul > li
for main__third-section
area, . All ordered or undered list areas are natural ul items. Here is a nice sample of it. Use just ul > li.
I hope these will help you to improve your perspective. Keep coding. All the best.
Marked as helpful