Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
8

Felipe Stefani

@felipestefani330 points

I'm just doing what I love! Sports, coding, going out with my family and friends, drinking some wine once a while and living to make the difference.

I’m currently learning...

Nowadays I'm practicing Vue to fix knowledge and TS as well. I'm already have background in react so I still doing codes in both to improve my skills!

Latest solutions

  • Responsive landing page using react

    #react#vite

    Felipe Stefani•330
    Submitted over 1 year ago

    0 comments
  • Responsive landing page using only html and css

    #accessibility#animation#react#vite

    Felipe Stefani•330
    Submitted over 1 year ago

    1 comment
  • Responsive hero page using react

    #react

    Felipe Stefani•330
    Submitted almost 2 years ago

    0 comments
  • Responsive page using typescript and flexbox

    #react#typescript

    Felipe Stefani•330
    Submitted almost 2 years ago

    0 comments
  • responsive page using react and TS

    #react#typescript

    Felipe Stefani•330
    Submitted almost 2 years ago

    0 comments
  • responsive ecommerce product page

    #react

    Felipe Stefani•330
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Felipe Stefani•330
    @felipestefani
    Submitted over 1 year ago

    Responsive landing page using only html and css

    #accessibility#animation#react#vite
    1
    Felipe Stefani•330
    @felipestefani
    Posted over 1 year ago

    I forgot the mobile menu!

    Working on that yet!

  • Mahmoud Tarek•670
    @mahmoudAcm
    Submitted almost 2 years ago

    Responsive Multi Step Form

    #tailwind-css#typescript#vite#vue#accessibility
    3
    Felipe Stefani•330
    @felipestefani
    Posted almost 2 years ago

    Hey, Mahmoud!!

    Your designs are always great! I've been following you since a while and it's very good to see how your projects are.

    In this one, the only observation to do is in your logic. When selecting the additional, whether selected or not, the total includes all of them. I didn't check the code at all, but thinking about it it's a simple thing to correct.

    Beside that, as I've already said, I love to see the results you show to us ☺️

  • Brunno Hibbeln•220
    @BrunnoHibbeln
    Submitted almost 2 years ago

    Only html and css with media queries

    1
    Felipe Stefani•330
    @felipestefani
    Posted almost 2 years ago

    Hey, @BrunnoHibbeln!! How you doing? Hope great 😊

    Your project is very nice. Really!

    Don't think about errors, but thinks about you can improve!

    I've noticed 2 things: The font-size, for desktop, is too little, and it can cause some user discomfort. At the summary, the itens don't have a background.

    In my opinion, both things are only details that with practice you'll recognize easily.

    Besides that, I think you have a great project in hands! Congrats 🎉

    Marked as helpful
  • Joash•90
    @joashneves
    Submitted almost 2 years ago

    I used javascript with CSS for hide a display:grid

    3
    Felipe Stefani•330
    @felipestefani
    Posted almost 2 years ago

    Hey, Joash!

    How are you? Hope doing great! 😉

    I liked a lot the hover status you have done in the button! 👌

    Beside that, you really could have used a href to navigate to the page, but it is not as performative as using js.

    and you could have used js to do some validations as email verification. A good idea is implement a regex to support the validations:

    mailFormat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/
    

    This way your user experience get more interesting!!

    When I come to see the preview site, the images are broken... Anything's all right with deployment?

    Keep going, your project ir very nice! I liked a lot 💫

  • oishi•150
    @sumyta12
    Submitted almost 2 years ago

    use react for filtering list and react router dom also design in css

    #bootstrap#fetch#react#react-router#vite
    2
    Felipe Stefani•330
    @felipestefani
    Posted almost 2 years ago

    Despite the css gap, the project get very nice!

    All the logic seems to be perfect and the classes are bind dynamically, as I could see.

    I don’t know if you know tailwind or bootstrap, but it helps a lot with the style.

    I’kk let the links here to check it out: tailwind bootstrap

    In my projects I’m coding all css as well, but now it’s my focus. If the idea is to code the project, this tools helps a lot!

    Great job! I liked a lot 😉

    Marked as helpful
  • FariasVini•40
    @FariasVini
    Submitted almost 2 years ago

    Product preview card using HTML & CSS

    1
    Felipe Stefani•330
    @felipestefani
    Posted almost 2 years ago

    Hey! How are you? Hope doing great!!

    I'd liked very much your desktop design. Congrats 🎉

    Just one observation: you could made your design responsive for mobile as well.

    In your css you could use media to solve many of your problems in this kind of issue

    @media (max-width: 700px) and (min-width: 375px) {
    
    }
    

    The example above is just an example of how could you solve this problem.

    You can change the widths and the min /max position, depending on how you start your design (mobile or desktop first).

    Despite that, and backing to the project done, you did very good job!!!! 👏👏👏👏

View more comments
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