Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Accessible Card Grid with Per-Card Focus Outline

Problem: Accessible Card Grid with Per-Card Focus Outline

Try to show a clear custom focus ring on focused cards within a responsive grid.

We'll cover the following...

Problem description

You are given a responsive card grid component, using a container with the class card-grid and several card elements with the class card. Each card contains a link and button, or is made ...