Responsive design with CSS grid and flexbox

Please focus on giving high-quality, helpful feedback and answering any questions hriteek might have. Here are some key points to consider:

• Does the solution include semantic HTML?
• Is it accessible, and what improvements could be made?
• Does the layout look good on a range of screen sizes?
• Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.