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

João Victor Abreu

@shufito80 points

Aluno de analise e desenvolvimento de sistemas, apaixonado por programação

Latest solutions

  • Responsive Profile Card With Tailwind

    #tailwind-css

    João Victor Abreu•80
    Submitted about 2 years ago

    0 comments
  • Cartão de visualização de estatísticas com tailwindcss


    João Victor Abreu•80
    Submitted about 2 years ago

    0 comments
  • Card de produto responsivo com Tailwindcss

    #tailwind-css

    João Victor Abreu•80
    Submitted about 2 years ago

    1 comment
  • Cartão de resumo de pedido responsivo utilizando tailwindcss

    #tailwind-css

    João Victor Abreu•80
    Submitted about 2 years ago

    0 comments
  • Card NFT com Tailwindcss

    #tailwind-css

    João Victor Abreu•80
    Submitted about 2 years ago

    0 comments
  • Componente QR Code reponsivo com tailwindcss

    #tailwind-css

    João Victor Abreu•80
    Submitted over 2 years ago

    1 comment

Latest comments

  • Daniel G Szabo•20
    @d-g-Szabo
    Submitted about 2 years ago

    NFT Preview Card Component using HTML and CSS Newbie

    3
    João Victor Abreu•80
    @shufito
    Posted about 2 years ago

    Hello 👋. Congratulations on successfully completing the challenge! 🎉

    I have other recommendations regarding your code that I believe will be of great interest to you.

    Position of css element:

    Looking at your code I noticed that you put in your div a class with the name 'nft-view' that receives a 'position:absolute', but it doesn't have a relative div as a reference. The modifications I suggest are to add a 'position:relative' to the nft-all class and change the top to zero in the 'nft-view' class, as follows:

    .nft-all {
    position: relative
    }
    .nft-view {
    position: absolute;
    top: 0;
    width: 18.9rem;
    height: 18.9rem;
    border-radius: 3%;
    }
    

    Hope you find this useful 😄 Overall, the solution you submitted is great!

    Marked as helpful

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