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

Haga lo que hicimos

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1100..900&display=Swap');

*{ padding: 0; margin: 0; }

body{ background-color: black; color: white; height: 100vh; box-sizing: border-box; }

.Resaltar{ color: #22d4fd; }

.presentacion{ display: flex; align-items: center; border: 15%; justify-content: space-between; } .presentacion_contenido{ width: 615;

}

.presentacionh1{ font-size: 36px; font-family: "Krona One", sans-serif; }

.parrafo{ font-size: 24px; font-family: "Montserrat", sans-serif; }

.enlaces{ display: flex; justify-content: space-between; }

.link_redes{ width: 280px; background-color: #22d4fd; text-align: center; padding: 21,5px 0; border-radius: 16px; font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 600; text-decoration: none; color: black;

}

1 respuesta

Hola Juan, espero que estés bien

He revisado tu código CSS y parece que hay algunos detalles que podrías ajustar para que funcione correctamente. Aquí te dejo algunas sugerencias:

  1. Propiedad 'border' en .presentacion: La propiedad border está definida como 15%, lo cual no es un valor válido para un borde. Si deseas establecer un borde, deberías especificar el ancho, el estilo y el color, por ejemplo: border: 2px solid white;.

  2. Ancho en .presentacion_contenido: La propiedad width: 615; debería tener una unidad de medida, como píxeles (px), porcentajes (%), etc. Por ejemplo: width: 615px;.

  3. Propiedad 'padding' en .link_redes: En la clase .link_redes, el padding está definido como 21,5px 0;. La coma no es válida en CSS para separar valores de padding. Debería ser un punto: padding: 21.5px 0;.

  4. Uso de @import: Asegúrate de que la URL de Google Fonts esté correctamente copiada y que las fuentes se carguen adecuadamente. Puedes verificar si las fuentes se aplican correctamente inspeccionando el elemento en el navegador.

Aquí tienes un ejemplo con las correcciones aplicadas:

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1100..900&display=swap');

*{
    padding: 0;
    margin: 0;
}

body{
    background-color: black;
    color: white;
    height: 100vh;
    box-sizing: border-box;
}

.Resaltar{
    color: #22d4fd;
}

.presentacion{
    display: flex;
    align-items: center;
    border: 2px solid white; /* Ejemplo de borde */
    justify-content: space-between;
}

.presentacion_contenido{
    width: 615px; /* Añadida unidad de medida */
}

.presentacionh1{
    font-size: 36px;
    font-family: "Krona One", sans-serif;
}

.parrafo{
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
}

.enlaces{
    display: flex;
    justify-content: space-between;
}

.link_redes{
    width: 280px;
    background-color: #22d4fd;
    text-align: center;
    padding: 21.5px 0; /* Corregido el uso de coma */
    border-radius: 16px;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: black;
}

Espero que estas sugerencias te sean útiles para resolver los problemas que estás enfrentando. ¡Espero haber ayudado y buenos estudios!