Versión en Español | English Version
Este proyecto es un desafío de maquetación avanzada que consiste en la replicación de un diseño de portfolio profesional. El objetivo principal fue implementar la metodología Mobile-First, asegurando que la interfaz sea fluida y funcional en cualquier resolución.
Puedes ver el resultado aquí: VER PROYECTO
- Metodología Mobile-First: Desarrollo priorizando dispositivos móviles y escalando hacia escritorio mediante Media Queries.
- Arquitectura SCSS: Organización modular de estilos utilizando variables, mixins y anidamiento.
- Adaptabilidad (Responsive): Implementación de layouts flexibles con Flexbox y CSS Grid para una experiencia de usuario (UX) óptima.
- Fidelidad Visual (UI): Replicación exacta de componentes de interfaz, tipografías y jerarquía visual.
This project is an advanced layout challenge involving the replication of a professional portfolio design. The main goal was to implement the Mobile-First methodology, ensuring the interface is fluid and functional across all screen resolutions.
Check the live result here: VIEW PROJECT
- Mobile-First Methodology: Development prioritizing mobile devices and scaling up to desktop using Media Queries.
- SCSS Architecture: Modular style organization using variables, mixins, and nesting.
- Adaptability (Responsive): Implementation of flexible layouts with Flexbox and CSS Grid for an optimal user experience (UX).
- Visual Fidelity (UI): Exact replication of interface components, typography, and visual hierarchy.
Carlos Padrón
⭐ Si te gustó este proyecto, dale una estrella / If you liked this project, give it a star!