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

CSS consulta

En el compendio del codigo display no cambia de color y queda en blanco como si no tuviera ninguna funcion y no alinea el logo con el texto en el boton que puede ser?

.presentacion_enlaces_link{ width: 378px; text-align: center; padding: 21.5px 0; border-radius: 8px; font-family: "Montserrat", serif; font-size: 24px; font-weight: 600; text-decoration: none; color: #f6f6f6; font-family: 'Motserrat', sans-serif; border: 2px solid #22D4FD display: flex; justify-content: center;

1 respuesta

Hola Marcelo, espero que estés bien

Parece que estás teniendo problemas con el estilo CSS de tu botón. Vamos a revisar algunos puntos que podrían estar causando el problema:

  1. Color del texto: Asegúrate de que el color del texto se esté aplicando correctamente. Veo que has especificado color: #f6f6f6;, lo cual debería funcionar si no hay otros estilos que lo sobrescriban. Verifica en la consola del navegador si este estilo está siendo aplicado o si hay otro que lo está reemplazando.

  2. Alineación del logo y texto: Estás utilizando display: flex; y justify-content: center;, lo cual debería centrar el contenido horizontalmente. Sin embargo, para alinear el logo y el texto verticalmente, podrías necesitar añadir align-items: center; a tu contenedor flex.

  3. Error de sintaxis: Veo que falta un punto y coma después de border: 2px solid #22D4FD. Esto podría estar causando que las propiedades siguientes no se apliquen correctamente. Asegúrate de corregirlo así:

    border: 2px solid #22D4FD;
    
  4. Fuente duplicada: Has especificado la fuente dos veces, una como "Montserrat", serif; y otra como 'Motserrat', sans-serif;. Asegúrate de que el nombre de la fuente esté escrito correctamente y elimina la duplicación para evitar confusiones.

Aquí tienes un ejemplo corregido de tu código CSS:

.presentacion_enlaces_link {
    width: 378px;
    text-align: center;
    padding: 21.5px 0;
    border-radius: 8px;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #f6f6f6;
    border: 2px solid #22D4FD;
    display: flex;
    justify-content: center;
    align-items: center;
}

Espero que estos ajustes te ayuden a solucionar el problema. ¡Espero haber ayudado y buenos estudios!