Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
6

codewithxavi

@codewithxaviBarcelona, Spain210 points

• Analista SEO/SEM y Web 🔗 • Creador de Contenido 🖥️ • Cinéfilo & Seriéfilo 🕶️ • TeamBuilder 👾 • Desarrollador Web 🔨 • Entusiasta de la Tecnología Móvil 📲 • Scrum Master & Product Owner 🌟 • TAI ☑️

Latest solutions

  • Age-calculator-app #HTML #TAILWINDCSS

    #accessibility#tailwind-css

    codewithxavi•210
    Submitted about 2 years ago

    1 comment
  • product-preview-card-component-main

    #sass/scss

    codewithxavi•210
    Submitted about 3 years ago

    0 comments
  • Huddle-landing-page-with-curved-sections

    #bem

    codewithxavi•210
    Submitted over 3 years ago

    0 comments
  • Interactive Pricing Component

    #bem

    codewithxavi•210
    Submitted over 3 years ago

    1 comment
  • Advice-generator-app-main

    #bem

    codewithxavi•210
    Submitted over 3 years ago

    2 comments
  • Testimonials grid section main

    #bem

    codewithxavi•210
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • P
    HanSeong Lee•1,630
    @HanSeongLee
    Submitted over 3 years ago

    Interactive Pricing Component using NextJS

    #next#react#sass/scss
    3
    codewithxavi•210
    @codewithxavi
    Posted over 3 years ago

    With the instructions of brennaobrien, i could do the work, thanks man ^^

  • P
    HanSeong Lee•1,630
    @HanSeongLee
    Submitted over 3 years ago

    Interactive Pricing Component using NextJS

    #next#react#sass/scss
    3
    codewithxavi•210
    @codewithxavi
    Posted over 3 years ago

    Excellent feedback, I've just followed you on GitHub, the results are pixel perfect, I'm awesomed

  • P
    HanSeong Lee•1,630
    @HanSeongLee
    Submitted over 3 years ago

    Interactive Pricing Component using NextJS

    #next#react#sass/scss
    3
    codewithxavi•210
    @codewithxavi
    Posted over 3 years ago

    Hey bro, amazing job, i have a little question the input type range how you put the icon-slider.svg i am trying to do it, and i cant i dont know how to style the input type range accordingly to the design

  • Hemsundar-Paranthaman•160
    @itshemdev
    Submitted over 3 years ago

    Developed using React!

    #react#axios
    3
    codewithxavi•210
    @codewithxavi
    Posted over 3 years ago

    Hola @Hemsundar15 he visto el resultado y está fantástico, excelente, no he profundizado mucho en el código, lo que el dado le puedes poner al contenedor: para centrar el dado display: flex; justify-content: center; align-items: center;

    ¡Buen trabajo, un abrazo!

  • codewithxavi•210
    @codewithxavi
    Submitted over 3 years ago

    Order-summary-component-main

    #bem
    3
    codewithxavi•210
    @codewithxavi
    Posted over 3 years ago

    Muchas gracias por la respuesta, lo pruebo y te digo ^^

  • terrenoscu•30
    @terrenoscu
    Submitted over 3 years ago

    QR code component challenge hub

    2
    codewithxavi•210
    @codewithxavi
    Posted over 3 years ago

    Hey, I'm going to give you feedback. I know that this is your first challenge, I am not a professor but I can tell you some advice. I am watching your HTML and it has some errors, you can check that URL that is going to validate your HTML, https://validator.w3.org/nu/ (there is another website that can validate your CSS also). I can notice that you positioned the elements on the page but in an incorrect way, the things are not centered at all because you use a lot of margins and paddings. Margins and paddings are good but in a reasonable way, I recommend you to learn about flexbox and grid in the near future. Things will be easiest and also know the position of the elements of the HTML. If you have a div, an article, a section, a heading know if it is a display: block, display: inline-block, etc. You need to write the CSS in a more ordered way because if someone needs to write in your code to make it easier to understand, you don't write code to yourself only. Use an editor that helps you like Visual Studio Code. I know that this is a little bit extense, but this is my advice. Also, your code doesn't work well in mobiles, so you must work on the responsive a lot more. Thanks, and keep going on your challenges

    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

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