Homeware Website - Admin & Responsive Styles

Responsive Styles (responsive.css)

This CSS file contains media queries for responsive design across different screen sizes:

  • Mobile-first approach with base styles
  • Breakpoints for phones, tablets, and desktops
  • Print styles for better printing experience
  • High-resolution display support
  • Accessibility features (reduced motion)
  • Dark mode support

Resize your browser to see the responsive design in action.

Admin Styles (admin.css)

This CSS file contains styles specifically for the admin panel:

  • Sidebar navigation with hover effects
  • Dashboard cards and statistics
  • Admin-specific tables and forms
  • Status indicators and badges
  • Responsive design for admin panel
  • Custom button styles

These styles create a professional, easy-to-use admin interface.

Admin Panel Preview

Dashboard

142

Total Orders

$8,541

Total Revenue

86

Total Customers

214

Total Products

Recent Orders
Order ID Customer Date Amount Status
#ORD-7842 John Smith Nov 12, 2023 $145.99 Completed
#ORD-7841 Emma Johnson Nov 12, 2023 $89.50 Processing
#ORD-7840 Michael Brown Nov 11, 2023 $215.00 Completed
#ORD-7839 Sarah Wilson Nov 11, 2023 $54.75 Cancelled
Top Products
Ceramic Dinner Set 42 sales
Stainless Steel Cutlery 38 sales
Glass Drinkware Set 31 sales
Wooden Serving Board 28 sales