Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Diseño CSS Técnicas de Diseño CSS Posicionamiento de Elementos

A continuación, dale a .logo un desplazamiento superior de -45px y un desplazamiento izquierdo de 20px.

style.css
/* Completa el desafío escribiendo CSS a continuación */
.logo
{
  posición:absoluto;
}
index.html
<!DOCTYPE html>
<html>
<head>
    <title>Posicionamiento CSS</title>
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='hoja de estilos' type='texto/css'>
    <link rel=stylesheet href=page.css>
    <link rel=stylesheet href=style.css>
</head>
    <body>
        <div class=banner>¡La mejor guía de la mejor ciudad!</div>
        <div class=card>
            <img class=logo src=city-logo.svg alt=Una ilustración de un edificio>
            <h2>Mejor Guía de la Ciudad</h2>
            <p>Pastel de avena cheesecake malvavisco. Bombón pastel de hojaldre tarta de manzana danish donut bombón malvavisco caramelos. Garra de oso barra de chocolate gotas de limón. Tarta de zanahoria grajeas grajeas tarta.</p>
            <p>Caramelo ciruela pasa pudín mazapán cupcake toffee donut rollo dulce. Snaps de sésamo pastel regaliz halvah. Bombón glaseado bastones de caramelo. Galleta polvo cobertura chupa chups bastones de caramelo caramelo. Tarta danish croissant macarrón galleta. Galleta bastones de caramelo gotas de limón jelly-o. Cheesecake ositos de goma regaliz. Toffee garra de oso pastel ositos de goma bastones de caramelo tiramisú pudín. Bastones de caramelo tarta grajeas jujubes malvavisco cobertura postre malvavisco. Glaseado tarta de manzana danish pastel mazapán cobertura. Chocolate rollo dulce bastones de caramelo tarta croissant tarta de manzana malvavisco helado. Gelatina toffee halvah pan de jengibre bombón tarta dulce pastel de chocolate. Tarta rollo dulce pastel rollo dulce.</p>
            <p>Cupcake galleta pastel de chocolate. Dragée pan de jengibre halvah mazapán bombón donut pastel de chocolate oblea. Rollo dulce bombón gelatina piruleta piruleta ositos de goma pastel de chocolate halvah. Pastel de fruta galleta jelly-o tarta de zanahoria. Brownie pan de jengibre pan de jengibre barra de chocolate toffee tarta jujubes glaseado. Piruleta cheesecake rollo dulce piruleta cheesecake magdalena barra de chocolate tarta de zanahoria caramelos. Regaliz algodón de azúcar cheesecake macarrón. Rollo Tootsie mazapán chocolate jujubes jujubes.</p>
            <p>Tarta de zanahoria galleta tarta de manzana. Gominolas galleta chocolate polvo polvo pastel de avena. Jujubes rollo tootsie grajeas galleta malvavisco gotas de limón galleta. Donut tarta de zanahoria pastel de fruta ositos de goma danish mazapán pastel pastel pastel de chocolate. Galleta postre macarrón cupcake dulce magdalena pastel. Rollo tootsie garra de oso cheesecake garra de oso gotas de limón.</p>
        </div>
    </body>
</html>
Steven Parker
Steven Parker
244 163 puntos

Parece que aún no has añadido código para esta tarea.
Por favor, intenta hacerlo lo mejor que puedas y muestra tu trabajo aquí si aún tienes problemas.

1 Respuesta

Gracias @Steven Parker, ¡probablemente tengas razón!

No sé exactamente cuál es tu pregunta, pero esto debería ayudarte a resolver tu Tarea:

.logo
{
  posición: absoluto;
  "añadir información"
}
Steven Parker
Steven Parker
244 163 puntos

No sé si seguirá siendo así, pero bajo la propiedad anterior Treehouse desaconsejaba fuertemente respuestas con soluciones finales sin explicaciones.   :see_no_evil:

¡Gracias por la pista!