A simple HTML/CSS card component.
This project is part of the Learn Responsive Web Design course on Scrimba.
- Responsive.
- Accessible + screen reader friendly.
- Mobile first approach.
While my implementation follows the course content loosely, it isn't an exact match of the design or the implementation shown in the course. I've made some intentional changes, with the aim of improving upon the provided design. Here's a non-exhaustive list:
- Added hover and focus states on the button.
- Spacing of the elements has been adjusted.
- Contrast issues have been fixed.
The project is written in HTML, CSS, JavaScript.
The following dependencies require an online connection:
- :focus-visible polyfill.
Download the 'src' folder and open 'index.html' in the browser.
See screenshots.