Responsive & Styles Updated v1

AmbrizAlberto · Apr 18, 2024 · 113a6c3 · 113a6c3
1 parent c138ae7
commit 113a6c3
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 28 deletions.
diff --git a/app/components/projects.jsx b/app/components/projects.jsx
@@ -1,30 +1,31 @@
 
 import Image from 'next/image';
 
-export default function (Proyectos) {
-    return (
-          <div className='projects'>
-            <h2>PROYECTOS</h2>
-            <div className="grid-containerprj">
-              <button className="container-project">
-                <div className="nameprj">Harmony & Heaven</div>
-                <div className="categorie">Grupal</div>
-                <div className="photoprj">
-                  <Image src="" alt="" width={40} height={40} />
-                </div>
-                <div className="descriptionprj">
-                  <h4>Tienda de instrumentos con CRUD, Inicio de sesión y Punto de venta.</h4>
-                </div>
-                <div className="lenguajesprj">
-                  <Image src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" width={40} height={40} alt="" />
-                  <Image src="https://cdn-icons-png.flaticon.com/512/5968/5968313.png" width={40} height={40} alt="" />
-                </div>
-                <div className="github">
-                  <i className="bi bi-github"></i>Ver Repositorio
-                </div>
-              </button>
-            </div>
-        </div>
-      );
-    }
-
+const Proyectos = () => {
+  return (
+        <div className='projects'>
+          <h2>PROYECTOS</h2>
+          <div className="grid-containerprj">
+            <button className="container-project">
+              <div className="nameprj">Harmony & Heaven</div>
+              <div className="categorie">Grupal</div>
+              <div className="photoprj">
+                <Image src="" alt="" width={40} height={40} />
+              </div>
+              <div className="descriptionprj">
+                <h4>Tienda de instrumentos con CRUD, Inicio de sesión y Punto de venta.</h4>
+              </div>
+              <div className="lenguajesprj">
+                <Image src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" width={40} height={40} alt="" />
+                <Image src="https://cdn-icons-png.flaticon.com/512/5968/5968313.png" width={40} height={40} alt="" />
+              </div>
+              <div className="github">
+                <i className="bi bi-github"></i>Ver Repositorio
+              </div>
+            </button>
+          </div>
+      </div>
+    );
+  }
+
+export default Proyectos;
diff --git a/app/components/tecnologies.jsx b/app/components/tecnologies.jsx
@@ -1,6 +1,6 @@
 import Image from 'next/image';
 
-export default function (Tecnologias) {
+const Technologies = () => {
   return (
     <div className="lenguajes">
         <h2>TECNOLOGIAS</h2>
@@ -66,3 +66,4 @@ export default function (Tecnologias) {
   )
 }
 
+export default Technologies;