Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
2
Alexander
@Perr0fe0

All comments

  • Harry05•50
    @harry05555
    Submitted over 2 years ago

    html, css only

    1
    Alexander•170
    @Perr0fe0
    Posted over 2 years ago

    Hi!.

    You need to see how display is structured, that will help you shape the page. I recommend that you see the documentation that firefox has, also the content that is in w3school, there they show in a practical way how those tags work!.

    Here the links: Mozilla

    https://developer.mozilla.org/en-US/docs/Web/CSS/display

    W3School:

    https://www.w3schools.com/cssref/pr_class_display.asp

    And this is my solution so you can guide you, take a look!

    https://www.frontendmentor.io/solutions/carta-responsiva-de-una-vista-previa-de-un-producto-usando-picture-WC0e0EcXHU

    It may be difficult at first, you will make mistakes, but it is part of learning!

    I hope this helps you.

    good luck!

  • KipaCar•60
    @RosaCardenal
    Submitted over 2 years ago

    Qr Code Component

    3
    Alexander•170
    @Perr0fe0
    Posted over 2 years ago

    hola buenas!. El diseño esta perfecto, en las únicas cosas que te puedo aconsejar es que muevas el archivo del CSS a una carpeta y que también coloques comentarios en tu codigo para que te puedas guiar y puedas recordar que es lo que hace tal linea. Sé que esta carta QR es una actividad pequeñita, pero aplicando lo que te aconsejo en un proyecto real, puede salvarte en mas de una.

    pd: Recomiendo que veas el como usar custom properties en CSS, me ayuda mucho a agilizar al momento de seleccionar colores, tamaños, fuentes y otras cosas. Te dejo aquí un link para que lo puedas ver!. https://developer.mozilla.org/es/docs/Web/CSS/Using_CSS_custom_properties

    mucha suerte!.

    Marked as helpful
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