Hi
I had a quick glance at the html code and it's a real shame you've gone for flexbox on such a perfect fit css grid challenge. I recommend you refactor this to try and use grid only for the page layout. It's the perfect practice project for grid and you're missing that opportunity.
Also, note there is no header in this design. The header landmark has a very specific purpose and must nit contain any headings or page-specific content. It is designed only to hold primary repeating content that sits on every page of a site (like logo and navigation).
Marked as helpful
@Shahzaib-ur-Rehman
Posted
Thank you so much for investing your valuable time and offering your insightful suggestions. I've incorporated them into the code by transitioning from flex to grid layout. Much appreciation to @grace-snow for the guidance!