Center Business Catalog Div & Add Button Shadows

[mahendra785]

On the List Page, center the Business Catalog div horizontally on the screen. Additionally, add a shadow effect to the buttons of the website to make them stand out more.

[mahendra785]

Center Business Catalog Div & Add Button Shadows

Pseudocode

1. List Page Structure

• ListPage Component
  • div.business-catalog
  • Contains the business catalog content.
  • Needs to be centered horizontally on the page.
  • button - Buttons within the website that need shadow effects.

2. Center Business Catalog Div Horizontally

• Centering the Div
  • Use CSS to center the business-catalog div on the screen.
  • Apply margin: auto; to center the div horizontally.
  • Set a max-width or width to control the size of the div.

3. Add Button Shadow Effects

• Button Shadows
  • Apply a box-shadow to the buttons.
  • Ensure the shadow effect makes the buttons stand out but remains subtle and visually appealing.