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

Alexander

@Perr0fe0chile170 points

Busco mejorar en mis habilidades de programador y especializarme en el área de diseño web hasta llegar a ser FullStack

I’m currently learning...

Web design JavaScript Laravel Vite Blade Tailwind PHP Node.js

Latest solutions

  • Age Calculator app with css and js

    #bem#accessibility

    Alexander•170
    Submitted about 2 years ago

    0 comments
  • Results summary component

    #bem

    Alexander•170
    Submitted about 2 years ago

    1 comment
  • Profile card

    #accessibility#bem

    Alexander•170
    Submitted over 2 years ago

    0 comments
  • Testimonial grid

    #accessibility#bem

    Alexander•170
    Submitted over 2 years ago

    2 comments
  • Social Proof

    #bem#accessibility

    Alexander•170
    Submitted over 2 years ago

    1 comment
  • Huddle landing page usando flexbox

    #accessibility#bem

    Alexander•170
    Submitted over 2 years ago

    1 comment
View more solutions

Latest 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

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

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