Merge pull request #111 from fdnd-agency/106-als-gebruiker-wil-ik-op-stap-2-van-begrijpen-verschillende-cards-zien-over-care-archetype-zodat-ik-op-een-card-kan-klikken-en-meer-informatie-kan-lezen
106 als gebruiker wil ik op stap 2 van begrijpen verschillende cards zien over care archetype zodat ik op een card kan klikken en meer informatie kan lezen
Use container queries for layout #120
Set .stepper as a container-type: inline-size
Replaced the viewport media query with a container query at width > 64em
Add animation with reduced-motion #120
Added a small tilt animation to the current step icon
Only runs when prefers-reduced-motion: no-preference
Turns off animation and transform when user has reduce motion enabled
add styled for stepper #131
Added CSS for the stepper navigation
Used CSS variables for size, gap, and line height
Styled done/current steps with teal and checkmark icons
Added connecting progress line between steps
media query for desktop
Improve stepper #131
this the new version off the progress stepper
Keeps the steps inside a <nav> with a <ul> and <li> elements
Makes the step navigation clearer for accessibility and screen readers