Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
1

Majito

@Majito1507Ecuador - Latacunga30 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Order Summary Card


    Majito•30
    Submitted almost 3 years ago

    1 comment
  • NFT CARD | HTML & CSS


    Majito•30
    Submitted almost 3 years ago

    1 comment
  • Código QR


    Majito•30
    Submitted almost 3 years ago

    1 comment

Latest comments

  • MirTynan•100
    @MirTynan
    Submitted almost 3 years ago

    Order summary component

    1
    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!

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub