Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Complex Subgrid Responsive Layout

Problem: Complex Subgrid Responsive Layout

Try to create a responsive layout with a parent grid and a nested subgrid that adapts across mobile, tablet, and desktop.

We'll cover the following...

Problem description

Create a layout with:

  • Parent grid areas: header, content, aside, and footer.

  • Inside .content, a subgrid splits into two columns, a title section and a list ...