https://github.com/mindsgn/take-home-test
https://github.com/mindsgn/take-home-test
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mindsgn/take-home-test
- Owner: mindsgn
- Created: 2023-09-20T14:42:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-21T03:14:55.000Z (almost 3 years ago)
- Last Synced: 2023-09-21T04:35:53.595Z (almost 3 years ago)
- Language: JavaScript
- Size: 29.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TECH CHALLANGE
- [x] desktop responsiveness
- [x] Hover over the Image should swap the Image to a secondary Image.
- [x] Create the design above with at least 10 Product Cards
- [x] On mobile only the first 4 should show
- [x] mobile responsiveness
- [ ] Show More Button should trigger a smooth dropdown revealing the other 6 products.
- [ ] The scrollbar thumb should increase to 6px height when hovering / touching it.
## Getting Started
1. clone repository
```
git clone https://github.com/mindsgn/take-home-test
```
2. navigate into root directory
```
cd take-home-test
```
3. launch website
```
npx live-server
```
## Challenges
1. Struggled to get the scroll bar to react when hovering/touching it. not sure if its my browser.