Hola, yo estuve desarrollando el proyecto del "Portafolio" de manera un poco distinta, pero, luego fui adaptando mis archivos según iba avanzando la profesora Barbara en los videos. Todo pude hacerlo sin problemas, hasta que, aplicando el tamaño de fuente y bordes indicados en Figma, para que el diseño quede igual en ese aspecto, los botones de enlaces terminaron chocando entre sí y no había espacio en el centro. Entonces, tuve que aplicar un margen para poder separarlos. De la siguiente manera:
.presentation__social-buttons__link {
background-color: #C65BCF;
width: 280px;
text-align: center;
border-radius: 16px;
font-size: 24px;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
color: #EEEEEE;
font-family: 'Montserrat', sans-serif;
margin: 0 10px; /* Margen aplicado para separar los botones. */
transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.presentation__social-buttons__link:hover {
background-color: #A34BAF; /* Color de fondo más oscuro */
color: #FFFFFF; /* Color del texto al pasar el mouse */
transform: scale(1.05); /* Aumentar ligeramente el tamaño */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra */
}
Quisiera saber porqué ocurrió eso y si es que es válido colocar ese margen u otros elementos, según convenga. Gracias.
