Skip to content
OverviewSolutions
3
Comments
17
Michel
@michelNice

All comments

  • Joshua Hovis•200
    @joshhovisSubmitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    Initially, I attempted to use CSS Grid to align the tip selector elements properly. However, achieving the desired layout and responsiveness proved to be difficult with this approach. To overcome this, I switched to using Flexbox properties. I am much more comfortable with flexbox so I was able to achieve the desired layout.

    I also faced challenges in customizing radio inputs to visually fit the design requirements. To address this, I opted to use div elements as tip selectors instead. By attaching JavaScript to these div elements, I was able to replicate the behavior of radio buttons. This approach allowed me to easily manage the active state of each tip selector, providing an experience that is no different in the users eyes.

    Responsive Tip Calculator - Vanilla JS

    1
    Michel•60
    @michelNicePosted 4 months ago
    This comment was deleted 4 months ago
    0
  • Solomon Obanijesu Philip•1,200
    @Hackerbot24Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Completing this task.

    What challenges did you encounter, and how did you overcome them?

    the mobile toggle but i was consistent in trying.

    What specific areas of your project would you like help with?

    in all areas i am found wanting i am open to learning.

    a stunning, responsive landing page for Manage using CSS

    1
    Michel•60
    @michelNicePosted 4 months ago

    Hi everyone,

    I’m working on a responsive navigation layout and could use some assistance. Here’s what I’m aiming for:

    On desktop: The logo should be on the left, and the navigation should be on the right side with the shopping cart as the last item in the navigation list. On mobile: The logo remains on the left. There should be a shopping cart icon in the center, and a clickable hamburger menu that changes to a close "x" when clicked. When the hamburger menu is clicked, the navigation should slide down from the top. You can check out my current setup and what I’m working towards through the following links:

    GitHub:https://github.com/michelNice/Partiu-Russia

    my website: https://nimble-genie-a7cc7e.netlify.app/

    what I am trying to do: my website:https://partiurussia.com.br/

    Any help or guidance on achieving this would be greatly appreciated!

    Thanks!

    0
  • solvman•1,650
    @solvmanSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of my work validating the actual dates, including leap years and days within each month. I utilized an awesome small DayJS library for that. Excellent find!

    What challenges did you encounter, and how did you overcome them?

    The most challenging task was to figure out how to revalidate different interdependent fields using the React Hook Form package. After some research, I realized I could utilize the trigger() function provided by useForm(). I added that function to onChange() so that every field could have dependent fields revalidated.

    What specific areas of your project would you like help with?

    I would love to have feedback on my coding style. Any suggestions for improvement or criticism are highly welcome!

    Completed with NestJS, TailwindCSS, RHF, Framer Motion, and DayJS

    1
    Michel•60
    @michelNicePosted 4 months ago

    Hi everyone,

    I’m working on a responsive navigation layout and could use some assistance. Here’s what I’m aiming for:

    On desktop: The logo should be on the left, and the navigation should be on the right side with the shopping cart as the last item in the navigation list. On mobile: The logo remains on the left. There should be a shopping cart icon in the center, and a clickable hamburger menu that changes to a close "x" when clicked. When the hamburger menu is clicked, the navigation should slide down from the top. You can check out my current setup and what I’m working towards through the following links:

    GitHub:https://github.com/michelNice/Partiu-Russia

    my website: https://nimble-genie-a7cc7e.netlify.app/

    what I am trying to do: my website:https://partiurussia.com.br/

    Any help or guidance on achieving this would be greatly appreciated!

    Thanks!

    0
  • Raees•70
    @codewithRaeesSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    easy grooming and logic development

    What challenges did you encounter, and how did you overcome them?

    many times faced , that how will tackle, but its fine, used chat gpt and google for tackling them

    Countries Information

    1
    Michel•60
    @michelNicePosted 4 months ago
    This comment was deleted 4 months ago
    0
  • Satyam-Pandey677•220
    @Satyam-Pandey677Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    none

    What challenges did you encounter, and how did you overcome them?

    none

    What specific areas of your project would you like help with?

    none

    Time tracking dashboard

    1
    Michel•60
    @michelNicePosted 4 months ago

    Hi everyone,

    I’m working on a responsive navigation layout and could use some assistance. Here’s what I’m aiming for:

    On desktop: The logo should be on the left, and the navigation should be on the right side with the shopping cart as the last item in the navigation list. On mobile: The logo remains on the left. There should be a shopping cart icon in the center, and a clickable hamburger menu that changes to a close "x" when clicked. When the hamburger menu is clicked, the navigation should slide down from the top. You can check out my current setup and what I’m working towards through the following links:

    GitHub:https://github.com/michelNice/Partiu-Russia

    my website: https://nimble-genie-a7cc7e.netlify.app/

    what I am trying to do: my website:https://partiurussia.com.br/

    Any help or guidance on achieving this would be greatly appreciated!

    Thanks!

    0
  • yashwanth-srinivasa•70
    @yashwanth-srinivasaSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to SASS and a few of its additional functionalities like mixins and functions. Using the BEM model to name my elements and use nesting to make my life easier.

    What challenges did you encounter, and how did you overcome them?

    I particularly felt a little lost dealing with CSS Grid and Flexbox, but after a few trial and errors, I was able to take control of the layout.

    What specific areas of your project would you like help with?

    I did not use prefers-color-scheme or localStorage because I do not know how to use them. Yet. Future projects will certainly have them to improve UX.

    Calculator with Theme Switcher

    1
    Michel•60
    @michelNicePosted 4 months ago

    Hi everyone,

    I’m working on a responsive navigation layout and could use some assistance. Here’s what I’m aiming for:

    On desktop: The logo should be on the left, and the navigation should be on the right side with the shopping cart as the last item in the navigation list. On mobile: The logo remains on the left. There should be a shopping cart icon in the center, and a clickable hamburger menu that changes to a close "x" when clicked. When the hamburger menu is clicked, the navigation should slide down from the top. You can check out my current setup and what I’m working towards through the following links:

    GitHub:https://github.com/michelNice/Partiu-Russia

    my website: https://nimble-genie-a7cc7e.netlify.app/

    what I am trying to do: my website:https://partiurussia.com.br/

    Any help or guidance on achieving this would be greatly appreciated!

    Thanks!

    0
  • Michel•60
    @michelNicePosted 9 months ago

    hey there! how are you? I need your help.

    I'm shrinking the logo image while scroll down on desktop, However I don't wanna not shrinking img when it goes to mobile, it has to stay the same while scrolling.

    exemple what I am trying to do:https://www.nestpanos.com

    my repository:https://github.com/michelNice/Nest-Panos

    0
  • Michel•60
    @michelNicePosted 9 months ago

    hey there! how are you? I need your help.

    I'm shrinking the logo image while scroll down on desktop, However I don't wanna not shrinking img when it goes to mobile, it has to stay the same while scrolling.

    exemple what I am trying to do:https://www.nestpanos.com

    my repository:https://github.com/michelNice/Nest-Panos

    1
  • Michel•60
    @michelNicePosted 9 months ago

    hey there! how are you? I need your help.

    I'm shrinking the logo image while scroll down on desktop, However I don't wanna not shrinking img when it goes to mobile, it has to stay the same while scrolling.

    exemple what I am trying to do:https://www.nestpanos.com

    my repository:https://github.com/michelNice/Nest-Panos

    0
  • Michel•60
    @michelNicePosted 10 months ago

    Hello there! how are you, @Cheosphere?

    I have been trying to build a project, However I can not get the navegation the right way. So What i am trying to do is add an unorder list and h2 with flexbox. my goal is

    1.while scrolldown the the IMG shrink to the small and then get back it to normal without push another elements aside as I am doing.

    2.When it goes to mobile the IMG stay the same size it doesn't shrink at all

    I'm 3 day in a row try do doing it own my own, seaching on google, chat gpt , stckover flow you name it...

    exemple what I am trying to do:https://www.nestpanos.com

    my repository:https://github.com/michelNice/Nest-Panos

    Thank you for you time.

    by the way.. good job on the project.

    0
  • Alok Suman•2,380
    @Alokray007Submitted 10 months ago

    👾 Hello, Frontend Mentor Community,

    This is my solution for the Single price grid component

    Used Prettier code formatter to ensure unified code format ⚙️ Layout was built responsive via mobile first workflow approach 📲 Had a lots of fun while building this challenge ! 🤠 Feel free to leave any feedback and help me to improve my solution 💡 Thoughts : I faced little issue in terms of using pre downloaded fonts. But I overcome this situation and learnt new things on the way.

    👨‍🔬 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks

    Ill be happy to hear any feedback and advice !

    FAQ accordion

    1
    Michel•60
    @michelNicePosted 10 months ago

    Hello there! how are you, @Alokray007?

    I have been trying to build a project, However I can not get the navegation the right way. So What i am trying to do is add an unorder list and h2 with flexbox. my goal is

    while scrolldown the the IMG shrink to the small and then get back it to normal without push another elements aside as I am doing 2.When it goes to mobile the IMG stay the same size it doesn't shrink at all

    I'm 3 day in a row try do doing it own my own, seaching on google, chat gpt , stckover flow you name it...

    exemple what I am trying to do:https://www.nestpanos.com

    my repository:https://github.com/michelNice/Nest-Panos

    Thank you for you time.

    by the way.. good job on the project.

    0
  • Michel•60
    @michelNicePosted 10 months ago

    Hello there! how are you, @Cheosphere?

    I have been trying to build a project, However I can not get the navegation the right way. So What i am trying to do is add an unorder list and h2 with flexbox. my goal is

    while scrolldown the the IMG shrink to the small and then get back it to normal without push another elements aside as I am doing 2.When it goes to mobile the IMG stay the same size it doesn't shrink at all

    I'm 3 day in a row try do doing it own my own, seaching on google, chat gpt , stckover flow you name it...

    exemple what I am trying to do:https://www.nestpanos.com

    my repository:https://github.com/michelNice/Nest-Panos

    Thank you for you time.

    by the way.. good job on the project.

    1