Desarrollo Web, Diseño Responsivo y Estilización Avanzada.
Desarrollé la landing page Loopstudios como parte de un reto de Frontend Mentor, implementándola con HTML y CSS Grid para crear un diseño moderno, semanticista y totalmente responsivo. Durante el proyecto fortalecí mis habilidades en estructura, diseño UI, media queries y manejo de imágenes, así como en la aplicación de buenas prácticas en el desarrollo front-end.
Desarrollé la landing page Room Homepage como parte de un reto de Frontend Mentor, utilizando CSS Grid para crear un diseño complejo, semanticista y totalmente responsivo. Durante el proyecto fortalecí mis habilidades en estructura de páginas, media queries, usabilidad y accesibilidad, así como en la aplicación de buenas prácticas en el desarrollo front-end.
Desarrollé el componente Product Preview Card Component como parte de un reto de Frontend Mentor, utilizando HTML y CSS Grid para crear un diseño responsive, clean y adaptable a diferentes pantallas. A partir de esta experiencia, fortalecí mis habilidades en la estructura de layouts, el manejo de imágenes, el uso de unidades relativas y la aplicación de buenas prácticas en el desarrollo front-end.
Desarrollé la sección Four Card Feature Section como parte de un reto de Frontend Mentor, utilizando CSS Grid para crear un diseño multicolumna, responsivo y semanticista. A partir de esta experiencia, fortalecí mis habilidades en el manejo de grid, el espaciado de elementos y la construcción de interfaces que se adaptan de forma adecuada a diferentes dispositivos.
Desarrollé el landing page Insure como parte de un reto de Frontend Mentor, utilizando HTML, CSS, Flexbox y la metodología BEM para crear un diseño responsivo, escalable y más minimalista. A partir de esta experiencia, reforcé mis habilidades en la construcción de interfaces, el manejo de Flexbox y la aplicación de buenas prácticas en el CSS.
Desarrollé el landing page Clipboard como parte de un reto de Frontend Mentor, utilizando HTML, CSS, Flexbox y la metodología BEM para crear un diseño responsivo, interactivo y fácil de dar mantenimiento. A partir de esta experiencia, fortalecí mis habilidades en el manejo de Flexbox, en la estructura semanticista del HTML y en la aplicación de hover para dar mayor interactividad a la aplicación.
Desarrollé el landing page Fylo como parte de un reto de Frontend Mentor, utilizando HTML, CSS y Flexbox para crear un diseño responsivo de dos columnas, semanticista y fácil de leer. A partir de esta experiencia, fortalecí mis habilidades en el manejo de Flexbox, el uso de HTML semántico y la aplicación de estilos de forma organizada, aumentando así la accesibilidad y claridad de la aplicación.
Desarrollé el componente Order Summary como parte de un reto de Frontend Mentor, utilizando HTML, CSS, Flexbox y la metodología BEM para crear un diseño sencillo, efectivo y responsive. A partir de esta práctica, fortalecí mis habilidades en estructura semántica, mantenimiento de CSS y construcción de interfaces más modulares y adaptativas.
Implementé una landing page responsive de una sola sección (“Huddle”) usando HTML semántico, CSS con metodología BEM y Flexbox. El proyecto reforzó mis habilidades en estructuración modular de CSS, maquetación responsive en dos columnas y buenas prácticas frontend para crear diseños flexibles y adaptativos.
Desarrollé la landing page “Fylo dark theme” aplicando HTML semántico, metodología BEM y técnicas avanzadas de Flexbox y Grid. El proyecto incluyó un tema oscuro que mejora la experiencia visual y reforzó mis habilidades en diseño responsivo, estructuración modular de CSS y manejo de layouts complejos.
Implementé una página de inicio con diseño moderno y secciones curvas, inspirada en un reto de Frontend Mentor. Este proyecto fortaleció mis habilidades en HTML semántico, CSS avanzado y la metodología BEM para mantener un código modular y limpio. Además, me permitió practicar la reproducción fiel de diseños complejos y aplicar buenas prácticas de desarrollo frontend.