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

Gabriel Lira

@gabrieltrtBrasil170 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

  • Results Summary Component

    #sass/scss

    Gabriel Lira•170
    Submitted almost 2 years ago

    0 comments
  • Social Proof Section

    #sass/scss

    Gabriel Lira•170
    Submitted almost 2 years ago

    1 comment
  • Profile Card Component Solution


    Gabriel Lira•170
    Submitted almost 2 years ago

    0 comments
  • Product Preview Card Component Solution


    Gabriel Lira•170
    Submitted almost 2 years ago

    0 comments
  • Advice Generator Solution


    Gabriel Lira•170
    Submitted almost 2 years ago

    0 comments
  • Interactive Rating Component Solution


    Gabriel Lira•170
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Eduardo Souza Silva•270
    @eduardosouza0903
    Submitted almost 2 years ago

    fylo-data-storage-component-master

    1
    Gabriel Lira•170
    @gabrieltrt
    Posted almost 2 years ago

    Hey bro, você é brasileiro? você tá mandando muito bem nos desafios!

  • BossArifSanjaya•20
    @BossArifSanjaya
    Submitted almost 2 years ago

    html, css, bootstrap

    #bootstrap
    2
    Gabriel Lira•170
    @gabrieltrt
    Posted almost 2 years ago

    Friend, in the mobile version you need to use the flex-direction:column; property in the main container.

    And when you do media queries, you must change the main container's flex-direction property to Row instead of column.

    in short, study more about flexbox! he will solve pretty much everything in this challenge.

  • Muzammil Hussain•150
    @MuzammilHuxain
    Submitted almost 2 years ago

    Responsive Product design using flexbox

    1
    Gabriel Lira•170
    @gabrieltrt
    Posted almost 2 years ago

    Hey friend, how are you? Congratulations! you're almost done. To improve the image in this challenge, you must use the <picture> tag. Basically this tag stipulates minimum sizes where the image is changed by another.

    In this challenge you have two images, one for the mobile version and one for the desktop version.

    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