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

Matheus

@MatheusVSNBrazil240 points

Hello World! Welcome to my profile 🤗 My name is Matheus, and I'm from São Paulo, Brazil.

I’m currently learning...

NextJS, React, TypeScript

Latest solutions

  • Multi-step form using SvelteKit

    #svelte

    Matheus•240
    Submitted over 1 year ago

    0 comments
  • Rest countries API with theme switcher

    #next#typescript#tailwind-css

    Matheus•240
    Submitted about 2 years ago

    1 comment
  • Easybank landing page using TypeScript, NextJS and TailwindCSS

    #tailwind-css#typescript#next

    Matheus•240
    Submitted about 2 years ago

    0 comments
  • Job listings with filter using NextJS and TailwindCSS

    #tailwind-css#next

    Matheus•240
    Submitted about 2 years ago

    0 comments
  • Advice generator using Next.js and TailwindCSS

    #next#tailwind-css

    Matheus•240
    Submitted about 2 years ago

    0 comments
  • Interactive rating component using NextJS and TailwindCS

    #next#tailwind-css

    Matheus•240
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Matheus Tavares Viana•170
    @matheuzeba
    Submitted about 2 years ago

    used transitions, transform, position, flexbox and other css tools

    1
    Matheus•240
    @MatheusVSN
    Posted about 2 years ago

    Hello Matheus, congratulations on completing the challenge 🎉

    I have a suggestion about your centering method. Instead of setting the .page element padding-top, you could use the display: grid , place-content: center and min-height: 100vh on the body element, example:

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

    Using the method above would suit your solution very well as it will align your card to the center of the screen without the need for using padding-top on the .page element

    Happy coding 😊

    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