Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
24
Comments
2

Felipe Mata

@BoxyPipesnakeMonterrey N.L250 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

  • Social links profile


    Felipe Mata•250
    Submitted 7 months ago

    1 comment
  • Blog Preview Card


    Felipe Mata•250
    Submitted 8 months ago

    1 comment
  • QR-Component HTML and CSS


    Felipe Mata•250
    Submitted 8 months ago

    1 comment
  • Base Apparel

    #bootstrap

    Felipe Mata•250
    Submitted about 2 years ago

    0 comments
  • Age Calculator App


    Felipe Mata•250
    Submitted about 2 years ago

    0 comments
  • Results summary using SASS

    #sass/scss

    Felipe Mata•250
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • P
    Emanuel Barcenas•110
    @eman2point0
    Submitted 8 months ago

    Blog Preview Card

    3
    Felipe Mata•250
    @BoxyPipesnake
    Posted 8 months ago

    Hi! Great job on your project!. I did notice a small issue when viewing it on mobile: there’s a bit of horizontal overflow, which causes a slight scroll.

    One way to fix this would be to adjust the .card class. Instead of using width: 384px, try using max-width: 384px. This allows the card to shrink appropriately on smaller screens. Additionally, adding margin will give it some breathing room on the sides, keeping it from touching the edge of the screen.

  • GuiDores•30
    @GuiDores
    Submitted 8 months ago

    Bom no body e na classe conteiner eu utilizei o flexbox

    1
    Felipe Mata•250
    @BoxyPipesnake
    Posted 8 months ago

    Hi, I noticed you were working to center the div using Flexbox, Two small adjustments that could make the centering perfect is setting min-height: 100vh; on the body and eliminating the padding-top: 50px; also on the body. This ensures the body takes up at least the full viewport height, allowing Flexbox to center the content both vertically and horizontally.

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