Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
29
Comments
10
Pedro Brito
@PedroBritoDEV

All comments

  • João Paulo Coimbra•50
    @joaopaulo-web
    Submitted over 2 years ago

    My solution to the 3 column previwe card challenge

    2
    Pedro Brito•380
    @PedroBritoDEV
    Posted over 2 years ago

    muito bom

  • David•530
    @David404-dev
    Submitted about 3 years ago

    html,css,js

    2
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    the background-image ulr needs the prefix "./", that's because some imagens does not load

  • Julia•210
    @yulich81
    Submitted about 3 years ago

    Single price card - grid layout

    1
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    Recomendo você usar display flex pra centralizar seu conteúdo, e a cor do background tá diferente, de resto, está perfeito.

  • Arjun J V•80
    @Arjunjv
    Submitted about 3 years ago

    Profile-card

    1
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    I recomend you to use background-size: 100%; and background-position

  • 7Mirco10•50
    @7Mirco10
    Submitted about 3 years ago

    Solution for QR Code Component

    1
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    using margin in order to center your content may present errors on some computers.

    a better option is:

    body { height: 100vh; display: flex; justify-content: center; align-intens: center; }

  • Vedat Sözen•230
    @vedatsozen
    Submitted about 3 years ago

    Rating Card

    4
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    did you already studied javascript?

  • Ruan Esterhuyse•170
    @RuanEsterhuyse
    Submitted about 3 years ago

    Profile Card Component

    2
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    your solution is perfect, you only forgot box-shadow

  • Osalor Wonderful Eva•10
    @Evawonderful
    Submitted about 3 years ago

    NFT Preview Card with plain HTML and CSS

    1
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    set height:100vh; display: flex; align-items: center; justify-content:center; on your body to center your content:)

  • Dummy_ken•180
    @DummyKen
    Submitted about 3 years ago

    QR code component with pure CSS

    2
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    set position absolute and bottom 0 to your footer and position relative on you body

  • Bruna Felix•100
    @brunafelix79
    Submitted about 3 years ago

    My Qrcode

    #fetch
    4
    Pedro Brito•380
    @PedroBritoDEV
    Posted about 3 years ago

    acho que o link do repositório está fora do ar e tá atrapalhando na visibilidade do conteúdo.

    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