Vacunacion

Practica CSS3 de los temas vistos en el LauncherLATAM, el cual se tenia que clonar la página que esta en el siguiente enlace Link by Adhiari Subekti.

Debe tener los siguientes requisitos:

• Maquetación del sition con HTML
• Estilos con CSS (Lo más acercado posible, pueden ser otras imágenes, íconos o colores).

---

Se implemento un nav con el estilo sticky

        <nav class="item0">
                    <a href="#">Database</a>
                    <a href="#">Education</a>
                    <a href="#">News</a>
                    <a href="#">Regulation</a>
                    <a href="#">Hoax Buster</a>
        </nav>

.container{
    position: sticky;
}
.item0 a{
    color: #585252;
    margin: 1rem 0rem 1rem 2rem;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;

    padding: 5px 30px;
    width: 80px;
    vertical-align: middle;
    transition-duration: 0.5s;
}

Así como cambios en el scroll para que tenga un estilo personalizado de color azul:

body::-webkit-scrollbar{
    width: 10px;
    background: #021B79;
}
body::-webkit-scrollbar-thumb{
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    border-right: 2px solid #021B79;
}

Se logro el objetivo esperado, Se recomienda mejorar y prácticar en el responsive...

link de la práctica.