Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
12

João Xavier

@joaoxavier-profissionalItatiba - SP230 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

  • Responsive Tip Calculator App with Javascript


    João Xavier•230
    Submitted 9 months ago

    How to handle errors.


    1 comment
  • Time Tracking dashboard using data.json with javascript async await


    João Xavier•230
    Submitted 10 months ago

    javascript, working with json, grid layout.


    1 comment
  • Responsive Layout using grid, flex and media queries


    João Xavier•230
    Submitted 10 months ago

    .


    1 comment
  • Responsive Article preview using javascript

    #accessibility

    João Xavier•230
    Submitted 10 months ago

    mobile share-container style


    1 comment
  • Responsive Layout using grid layout and media querys.


    João Xavier•230
    Submitted 10 months ago

    grid layout, card style, fonts


    2 comments
  • Four card feature section using grid


    João Xavier•230
    Submitted 10 months ago

    the grid layout and the height of the page


    1 comment
View more solutions

Latest comments

  • marcelogitfranca•40
    @marcelogitfranca
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    Muito satisfeito com meu desempenho e muito grato pela oportunidade de esta estudando com vocês

    Página de receita

    1
    João Xavier•230
    @joaoxavier-profissional
    Posted 9 months ago

    Parabéns pela solução, o css ficou ótimo! Não se esqueça de fazer o estilo mobile, caso ainda não saiba, aqui no frontend mentor logo logo ira aprender a usar media queries que ira possibilitar a fazer isso.

    Marked as helpful
  • Terez Lagova•410
    @TerezL
    Submitted 10 months ago
    What specific areas of your project would you like help with?

    Any tips how to simplify css and js would be appreciated

    Tip Calculator

    1
    João Xavier•230
    @joaoxavier-profissional
    Posted 9 months ago

    The script is working propperly expect by using negative numbers, try using grid layout for css, it will make your life pretty easier with this project.

  • Samara Lobato•50
    @SamaraOliveira07
    Submitted 10 months ago

    product-preview

    1
    João Xavier•230
    @joaoxavier-profissional
    Posted 10 months ago

    Excelente ideia de usar o produto Jequiti! Notei que você usa bastante o seletor '''>''' para falar com o filho de alguma classe ou div, olhando pelo css, da para perceber que não se faz necessário. Uma outra dica é de usar medidas relativas como rem para fontes e não defina tamanhos para containers a não ser se for realmente necessário, recomendo bastante esse vídeo aqui https://www.youtube.com/watch?v=x4u1yp3Msao&t=60s

    Marked as helpful
  • Mateusz•260
    @MateuszZalew
    Submitted 10 months ago

    Newsletter sign up Card

    1
    João Xavier•230
    @joaoxavier-profissional
    Posted 10 months ago

    Very good!

  • Emir Can BULDU•130
    @canbld
    Submitted 10 months ago

    Article Preview Component using HTML, CSS - flexbox, JS, Responsive

    #accessibility
    1
    João Xavier•230
    @joaoxavier-profissional
    Posted 10 months ago

    Awesome!

  • AmirkhonKhaitov•80
    @AmirxonEngineer
    Submitted 11 months ago

    css grig

    1
    João Xavier•230
    @joaoxavier-profissional
    Posted 10 months ago

    Seeing your code i noticed that it uses column-gap, maybe using just gap: 5% would make your layout a bit more consistent.

    Marked as helpful
View more comments
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