Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Estilizando los botones

En esta clase aprendí a estilizar botones de forma precisa, basándome en el diseño original de Figma. Comenzamos creando una clase específica para los enlaces, lo que nos permitió aplicar estilos personalizados en CSS. Ajustamos el ancho del botón a 280px, aplicamos el color de fondo #22D4FD, y centramos el texto con text-align: center. También incorporamos padding vertical para mejorar el espaciado interno, y redondeamos los bordes con border-radius: 16px, logrando una apariencia más moderna. Además, personalizamos la tipografía usando la fuente Montserrat con font-size: 24px y font-weight: 600, y eliminamos la línea inferior con text-decoration: none. Finalmente, ajustamos el color del texto a negro (#000000) para que coincidiera con el diseño. Todos estos pasos me ayudaron a entender cómo traducir detalles visuales de Figma en código funcional, y cómo cada propiedad CSS contribuye a construir una interfaz más profesional y coherente.

1 respuesta

Hola, espero que estés muy bien.

¡Felicitaciones por tus avances en el aprendizaje!

Queremos comentarte que actualmente estamos priorizando el uso del foro para publicar dudas. De esa manera, podemos optimizar el tiempo de respuesta y asegurar que todos los estudiantes reciban apoyo efectivo.

Para compartir comentarios, experiencias, recomendaciones, desafíos u opiniones, te invitamos a participar activamente en nuestro canal de Discord.
Allí la interacción es inmediata, llega a más compañeros y favorece el intercambio constante entre la comunidad.

¡Tu participación hace la diferencia!

Un saludo.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios