...
/Solution: Accessible Card Grid with Per-Card Focus Outline
Solution: Accessible Card Grid with Per-Card Focus Outline
Let’s show a clear custom focus ring on focused cards within a responsive grid.
We'll cover the following...
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 focusable using tabindex="0".
Write CSS to meet the following requirements:
The card grid should display cards in responsive columns, with gaps between them ...