Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

[Sugerencia] Desafío-personalizando el proyecto con Hover

Referente al curso HTML y CSS: header, footer y variables CSS, en el capítulo Creando iconos clicables y actividad Desafío: personalizando el proyecto con hover

por Edward Jaime Ricra
| 34k xp | 21 posts
Analista de ingenieria de RF

HTML:

<p class="presentacion__contenido__texto">¡Hola! Soy <span class="nombre" >Ana García</span>, desarrolladora Front-end 
                con especialización en React, HTML y CSS. Ayudo 
                a pequeños negocios y diseñadores a llevar a cabo 
                buenas ideas. ¿Hablamos?</p>

CSS:

.nombre{
    font-size: 24px;  
    font-family: "Montserrat", serif;
}
.nombre:hover{
    font-size: 30px;
    font-weight: 600;
}
2 respuestas
solución!
por Iara.martinez
| 1245.1k xp | 3720 posts
Alura Scuba Team

Hola! ¿Cómo estás?

¡Felicitaciones por el esfuerzo y dedicación que has puesto en tu código! Gracias por compartir tu trabajo con nosotros. Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

¡Gracias nuevamente! Saludos,

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!
por Germaini33
| 46.6k xp | 84 posts
Tecnico 
    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;
    gap: 10px;
}

.presentacion__enlaces__link:hover{
    background-color: #272727;
}