<code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...

Mariel Gonzalez Yescas

Pregunta

student•hace 5 años

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Google</title>
    <link rel="icon" type="image/png" href="./google_title.jpg">
    <link src="./google_title.jpg" alt="logo google">
    <link rel="stylesheet" href="./css/estilos.css">
</head>
<body>
    <header class="header">
        <div>
            <nav>
                <ul class="nav-right-section">
                    <li>
                        <a  href="">Gmail</a>                     
                    </li>
                    <li>
                        <a  href="">Imágenes</a>                     
                    </li>
                    <li class="menu-icon">
                        <a  href=""></a>                     
                    </li>
                    <li>
                        <a class="menu-photo" href=""><img src="https://lh3.googleusercontent.com/ogw/ADGmqu8upOPu0Lh-0zILqTJlvDcAu2zwB76e5j3ifuSO=s32-c-mo" alt="menu-photo"></a>                     
                    </li>
                </ul>
            </nav>
        </div>
    </header>    
    <section>
        
    </section>
       
    </section>
    <section>

    </section>
</body>
</html>

body{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
header {
    width: 100%;
    height: 60px;
}
a {
    text-decoration: none;
    color: black;
    margin-right: 10px;
    
}

header nav {
    display: flex;
    justify-content: flex-end;
}

header nav .nav-right-section{
    width: 250px;   
    height: auto;
    display: flex;
    list-style: none;
    justify-content:  center;
}

nav .nav-right-section .menu-icon{
    background-image: url('https://i7.uihere.com/icons/458/721/220/ic-show-all-2d8dd65184458d7c48428d11cbe61b18.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
 nav .nav-right-section img{
     border-radius: 50%;
     margin-right: 10px;
     width: 32px;
     height: 32px;
 }```

Baca Charlos

student•hace un año

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Página de Saludo</title> </head> <body> <h1>Hola</h1> <p>Bienvenido a mi página de saludo.</p> </body> </html>

undefined

Samuel David Durán Pinzón

student•hace 2 años

Yo programo en el block de notas

Samuel David Durán Pinzón

student•hace 2 años

Yo se

Pedro Moreno

student•hace 4 años

se alineo correctamente usando

align-items

center en el selector:

header nav .nav-right-section

Pedro Moreno

student•hace 4 años

Me pasa igual, lo pudiste solucionar?

Mariel Gonzalez Yescas

student•hace 5 años

lo checare :) gracias!

Angel Fernando Quiroz Campos

student•hace 5 años

Cuando necesites ayuda con el código, es mejor mostrar lo que tienes, así te entendemos mejor 😃

Puedes usar glitch.com o codepen.io para escribir fragmentos de código que se pueden compartir y los demás podemos ver el ejemplo funcionando.

Mariel Gonzalez Yescas

student•hace 5 años

<code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

<code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="w...

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

<code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...