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

Joylin-Pinto

@Joylin-Pinto370 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

  • Responsive preview card


    Joylin-Pinto•370
    Submitted over 1 year ago

    0 comments
  • responsive dark theme landing page


    Joylin-Pinto•370
    Submitted over 1 year ago

    1 comment
  • Responsive landing page using grid layout


    Joylin-Pinto•370
    Submitted over 1 year ago

    0 comments
  • Responsive four card section component


    Joylin-Pinto•370
    Submitted over 1 year ago

    0 comments
  • Responsive Age Calculator App


    Joylin-Pinto•370
    Submitted over 1 year ago

    0 comments
  • Responsive Social proof section


    Joylin-Pinto•370
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • NefariousApe•60
    @NefariousApe
    Submitted almost 2 years ago

    solution using base html/css and jquery

    1
    Joylin-Pinto•370
    @Joylin-Pinto
    Posted almost 2 years ago

    Hello there 👋. Congratulations on successfully completing the challenge! 🎉

    I have other recommendations regarding your code that I believe will be of interest to you. CSS : Looks like the component has not been centered properly. So let me explain, How you can easily center the component without using margin or padding.

    To properly center the component in the page, you should use Flexbox or Grid layout.

    body { min-height: 100vh; display: grid; place-items: center; }

    This will make the components within the body center itself properly. I hope you find this helpful.
    The solution you submitted is great ! Happy coding!

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