Coder Social home page Coder Social logo

modulo-1-evaluacion-final-rociodvn's Introduction

Ejercicio

modulo-1-evaluacion-final-rociodvn's People

Contributors

rociodvn avatar

modulo-1-evaluacion-final-rociodvn's Issues

Mejoras

Muy buen trabajo @RocioDvn!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

  • Haz que tú página sea idéntica al diseño proporcionado.
  • HTML: El fichero de fuentes debe estar antes que nuestro fichero de estilos para que ningún fichero de estilos externo sobre escriba los nuestros.
  • HTML: Debe haber un elemento con el texto "Volverse organizado se siente mejor con OPEN SPACES" que sea un H2 - H6.
  • HMTL: Es más adecuado utilizar un artículo para esta sección:
    <div class="orange">
    <img src="./assets/images/icon_4.png" alt="icon4" />
    <h2 class="tittleo">Envío gratis garantizado</h2>
    <p class="tittleo__sub">Envio gratis en compras desde 100</p>
    <!--h2 class="tittleo__sub--buttom">Comprar ahora</h2>-->
    <a href="https://adalab.es/" class="buttomo">Comprar ahora</a>
    </div>
  • HTML: Indenta y cuida la semántica del HTML
  • HTML: Elimina el código comentado y que no vayas a utilizar.
  • HTML > FOOTER: Necesitamos una o dos etiquetas nav dentro del footer para crear el menú.
  • HTML > FOOTER: Necesitamos li dentro de los ul para especificar los elementos del menú
  • HTML > FOOTER: Los enlaces a dentro de los li y que no estén subrayados.
  • CSS: El menú debe estar posicionado de forma fija.
  • CSS: El menú debe estar posicionado en la parte superior izquierda. Utiliza el icono del menú hamburguer
  • CSS: El hero debe estar maquetado con flexbox.
  • CSS: El hero debe medir 800px de alto cuando el tamaño de la ventana es 800px.
  • CSS: El hero debe medir 1000px de alto cuando el tamaño de la ventana es 1000px.
  • CSS > HERO: El hero debe tener una imagen de fondo centrada horizontal y verticalmente.
  • CSS > HERO: La fuente de la página no es correcto.
  • CSS: La imagen debe ocupar el ancho del contenedor, revisa las propiedades de esta sección
    <img class="imgcreate" src="./assets/images/creando-espacios.jpg" alt="imgpaper" />
  • CSS > TRANSICIONES: Anímate a utilizar alguna transición CSS.

Es posible que cuando corrijas uno de estos puntos, otros se corrijan solos, ya que unos dependen de otros.

Y recuerda algo muy importante:

  • Escribe tu código en inglés.
  • Escribe todos los ficheros y carpetas en inglés.
  • Los commits también tienen que ser en inglés, empezando por un verbo en infinitivo.

Ánimo y si tienes cualquier duda avísame!!!

Con cada mejora que hagas, márcala como completada en este issue y su súbela a este repo.

Este issue ha sido creado automáticamente por ello puede tener algún error, si hay algo que no te encaja escribe por slack al coordinador de Adalab.

Para corregir el ejercicio buscamos determinadas palabras en el código para identificar las secciones. Por ejemplo buscamos Creando para buscar el título de la página. Si has escrito mal alguna palabra en el código es posible que te aparezcan aquí falsos errores.

Por favor no cierres este issue, ya lo haremos nosotros.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.