Order summary component

Community feedback

• 

  Majito•30

  @Majito1507

  Posted almost 3 years ago

  Hola!

  El posicionamiento de los div también me resultaba difícil, te recomiendo que leas sobre flexbox eso me a ayudado mucho.

  1. Pude observar que para la fuente colocas los link de Google Fonts en tu archivo html, pero en el css no lo colocas(si no vi mal) por eso no te detecta la letra, (font-family: 'Red Hat Display', sans-serif;) este seria la linea que te falto seria en el body para que se aplique en todo el cuerpo.

  2. la siguiente linea en tu archivo HTML : (<div class="order-slip">) la puedes sustituir por una etiqueta main (especifíca el contenido principal de un documento)ejemplo: (<main class="contenedor">), y la podrías usar en css para crear la caja principal que contendrá toda la información.

  3. En la sección de cancelar orden, al momento del hover no le coloques un background-color, en vez de eso solo cambia el color del texto.

  4. En el hover del botón de pago lo puedes colocar una opacidad y ya no es necesario que coloques el color ya que se mantendría el mismo que colocaste en la clase ejemplo: proceed:hover {opacity: 0.7;}

  Espero te sirvan mis observaciones, y más que todo que me haya dado a entender. Puedes pasarte por mi perfil y revisar el código del reto que ya lo culminé, no soy experta en esto pero sigo aprendiendo.

  ¡ÉXITOS!

  00