w3bdesign/dfweb-v4

View on GitHub
src/components/Index/MobileBackground.component.tsx

Summary

Maintainability
A
0 mins
Test Coverage
/**
 * MobileBackground component that renders a background image for mobile devices
 * @returns {JSX.Element} The rendered MobileBackground component
 */
const MobileBackground = () => (
  <div
    className="absolute inset-0 md:hidden bg-cover bg-center bg-no-repeat"
    style={{
      backgroundImage: "url('/images/mobilbg.webp')",
      top: "-0.5rem",
      marginBottom: "2.5rem",
    }}
  />
);

export default MobileBackground;