#si quieres ayuda abrire # en este
clever cypress
muchas gracias
faint galleon
aqui puedes encontrar inspiracion https://dribbble.com
clever cypress
estoy mirando estos trabajos
https://www.behance.net/search/projects?search=developer+portfolio
faint galleon
puedes usar Figma para comenzar a maquetar tambien
clever cypress
no es pago?
faint galleon
no es pago?
no, solo te pide registrarte
clever cypress
ok
faint galleon
es de pago si tu quieres subir tus diseños para que alguien los compre o te contrate como diseñador
clever cypress
okokok
faint galleon
aqui encontraras cosas como esto:
clever cypress
aqui puedes encontrar inspiracion https://dribbble.com
aquí?
faint galleon
ya el que quieras construir dependera mucho de tus habilidades para HTML y CSS pero no es complicado una vez que le tomas el ritmo a CSS
clever cypress
mil gracias
valid tundra
Hola, no soy diseñador ni mucho menos, acá van mis pequeños aportes sobre cosas que se podrían mejorar:
- Contraste
- Espacios libres
- Si te fijas, en la primera card de proyectos, queda bastante limpio si se le saca el border y se le fijan los tamaños usando rem.
- Posicionar proyectos antes que skills
No pude seguir editando las cards de proyectos porque me llevaría un buen rato, pero la idea sería que todas sigan las proporciones de la primera
Espero te sirva de algo
clever cypress
No pude seguir editando las cards de proyectos porque me llevaría un buen rato, ...
mil gracias! sirve de mucho
clever cypress
Hola, no soy diseñador ni mucho menos, acá van mis pequeños aportes sobre cosas ...
cuando hablas de fijar el tamaño de las card con rem a qué te refieres?
valid tundra
La unidad rem, en lugar de usar vh o vw
clever cypress
si, pero te refieres a la imagen en su ancho, o a la tarjeta. a qué recomiendas aplicarlo
valid tundra
yo lo aplicaría a la tarjeta, para simplificar
clever cypress
estoy modificando unas cosas, pensaba en colocar la seccion de mi experiencia y sobre mi debejo de proyectos y que no cambie el contenido sino que sean dos secciones aparte o que me recomiendas?
siento que ese recuadro al principio estorba
valid tundra
cual recuadro?
clever cypress
este
valid tundra
si, sin duda, sacarlo
clever cypress
las tarjetas ahora tienen un ancho de 23rem
clever cypress
ok
valid tundra
a ver como queda
clever cypress
no, ya se lo quité como me recomendaste
clever cypress
si, eso estoy haciendo
clever cypress
no logro centralo:'(
valid tundra
como lo estás haciendo?
clever cypress
<div
style={{
justifyContent: "center",
alignItems: "center",
display: "grid",
gap: "18px",
gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))", // Columnas por defecto para pantallas más pequeñas
}}
>
{projectsData.map((project, index) => (
<Proyectos key={index} {...project} />
))}
</div>
el problema parece ser el autofit
voy a tener que poner un mediaquery y colocar los estilos en css aparte
valid tundra
te recomiendo que uses un archivo .css aparte, va a ser más facil de mantener a futuro
clever cypress
si
valid tundra
creo que lo que debemos centrar en realidad es el div contenedor (ese que aparece en el ejemplo que mandaste)
y no cada card
clever cypress
ya quedó
valid tundra
hermoso!
clever cypress
si, mucho mejor la verdad
clever cypress
las imagenes están un poco estiradas a lo ancho, no?
algo, pero sino. descuadra la tarjeta
quité el recuadro. ahora será que quito los botones de arriba o hago otro tipo de presentación sobre mi?
valid tundra
si, vas a tenér que jugar con como se muestra la imagen
clever cypress
ok, voy a mirar como hacerlo en behance
valid tundra
no conozco behance, que es?
clever cypress
es una plataforma para mostrar proyectos de diseño
valid tundra
ah ok