PROY65: Select Account

Select Account

Bienvenido

Requerimientos

• Ver el diseño óptimo según el tamaño de pantalla del dispositivo.

• Ver una lista de opciones después de hace clic en . . . y mostrar los íconos (Edit, Delete).

• Bonus: agregar un tercer perfil al hacer clic en +

Diseño

Envía tu solución

Hola Frontend Club👋,

Acabo de completar el reto # como parte del desafío #100daysofprojects.

Mi solución:
Página web - https://profile-card.netlify.app/
Repositorio - https://github.com/01-day-profile-card.git

Recursos

🎨Paleta de colores
- body background - #F0F4FB
- card background - #FFFFFF
- card title - #2C3E50
- card border width - #F0F4FB

⚙️Configuraciones
- border radius card - 20px
- border radius card profile - 15px
- border radius out card profile - 15px

✍️Tipografia
- Fuente: [Mulish](https://fonts.google.com/specimen/Mulish)
- title - 700 - 26px
- paragraph - 700 - 16px
- username - 700 - 12px

- Fuente: [Roboto](https://fonts.google.com/specimen/Roboto)
- options - 400 - 12px

Plantilla

• Puedes utilizar la plantilla base del proyecto para empezar a codificar.

• Contenido de texto del diseño.

Select your profile
Logged in users can view full business profiles and can save contact details.

Andrew Robinson
Edit
Delete

Mary Kyles

Mejora tus habilidades frontend codificando proyectos reales con un tutor personal⚡