Implement the Main Categories section

[pawan-live]

Task Summary

• Implement the main categories section with the mobile responsive view as well
• Clicking on a card will take the user to each category page which will have all sub categories

📌 Please refer to "note to developers" blocks in the design file

---

Acceptance Criteria

• On hover it should have a border like effect as shown in the design
• Implemented according to styles/sizes in the design specification
• The cards should be clickable (don't link them to anywhere, just keep them clickable)
• The image should be set to cover
• Load the dummy data from a JSON file (later will be fetched from API)
• Should be decently responsive for all screen sizes (ex: the cards should not crop out when resized)
• Implement the mobile design for small breakpoints (until 'md')
• spacing and padding are properly done as in the design
• The max and minimum no. of cards will be 4. No need to handle cases where 3 cards are displayed

---

Design files:

• desktop
• mobile design
• note

---

Additional Information

Desktop view

Mobile view