Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
12
João Xavier
@joaoxavier-profissional

All comments

  • marcelogitfranca•40
    @marcelogitfranca
    Submitted 10 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 10 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 10 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 11 months ago

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

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

    Awesome!

  • AmirkhonKhaitov•80
    @AmirxonEngineer
    Submitted 11 months ago

    css grig

    1
    João Xavier•230
    @joaoxavier-profissional
    Posted 11 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
  • Zahid Hasan•150
    @iamzahidhasan239
    Submitted about 1 year ago

    Responsive four card feature section using css grid and flex box

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

    very good!

  • Luca•140
    @TofeDev
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how I was able to display the images in both desktop and mobile

    What challenges did you encounter, and how did you overcome them?

    There were some CSS property I didn't remember so I needed to look a lot in the mdn web docs until I got everything I needed

    What specific areas of your project would you like help with?

    Any help is welcomed!

    Responsive Product Preview Card

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

    Awesome page!

  • Steven Noyes•340
    @SteveNoyes
    Submitted about 1 year ago

    Recipe page

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

    pretty good!

  • NaoMauss•30
    @NaoMauss
    Submitted 11 months ago

    3rd challenge social links

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

    Very good

  • AlvaroPrates•130
    @AlvaroPrates
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I added comments to organize the CSS a little better (compared to the last qr-code project). I've also tried to use the CSS multiselector to compress the styling code.

    What challenges did you encounter, and how did you overcome them?

    I'm a little more confortable with basic flexbox, but I believe that with the next projects this should improve more.

    Blog Preview Card With HTML and CSS

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

    pretty good!

  • Elias Giannantonio•10
    @eliasgiannantonio
    Submitted 11 months ago

    QR code challenge

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

    Set the description div as display: none, it will make the div and the content inside it disappear, pretty good tho

    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

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