Removed unnecessary CSS rules

Author: khemssharma

src/components/Hero.jsx

@@ -19,7 +19,7 @@ const Hero = () => {
             Hi, I'm <span className='text-[#915EFF]'>Ayush</span>
           </h1>
           <p className={`${styles.heroSubText} mt-2 text-white-100`}>
-            I develop 3D visuals, user <br className='sm:block hidden' />
+            I develop 3D visuals, user <br />
             interfaces and web applications
           </p>
         </div>

src/components/Navbar.jsx

@@ -38,12 +38,12 @@ const Navbar = () => {
           <img src={logo} alt="logo" className="w-9 h-9 object-contain" />
           <p className="text-white text-[18px] font-bold cursor-pointer flex">
             Ayush Sharma&nbsp;
-            <span className="sm:block hidden">| Expert Web Developer</span>
+            <span className="block">| Expert Web Developer</span>
           </p>
         </Link>
 
         {/* Desktop Menu */}
-        <ul className="list-none hidden sm:flex flex-row gap-10">
+        <ul className="list-none flex flex-row gap-10">
           {navLinks.map((nav) => (
             <li
               key={nav.id}

src/components/Tech.jsx

@@ -6,7 +6,7 @@ import { technologies } from "../constants";
 
 const Tech = () => {
   return (
-    <div className='block hidden sm:flex flex-row flex-wrap justify-center gap-10'>
+    <div className='flex flex-row flex-wrap justify-center gap-10'>
       {technologies.map((technology) => (
         <div className='w-28 h-28' key={technology.name}>
           <BallCanvas icon={technology.icon} />

src/components/canvas/Ball.jsx

@@ -39,7 +39,7 @@ const Ball = (props) => {
 
 const BallCanvas = ({ icon }) => {
   return (
-    <Canvas className="sm:block hidden"
+    <Canvas className="block"
       frameloop='demand'
       dpr={[1, 2]}
       gl={{ preserveDrawingBuffer: true }}