Skip to content
OverviewSolutions
19
Comments
19

muiruri3000

@muiruri3000400 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

View more solutions

Latest comments

  • P
    Nikita Vologdin•660
    @NikitaVologdinSubmitted 4 months ago
    What specific areas of your project would you like help with?

    Please be my guest if you have any ideas for implementing animation for the appearing and disappearing metric or imperial inputs.

    Next BMI

    #accessibility#next#typescript#react
    1
    muiruri3000•400
    @muiruri3000Posted 4 months ago

    hi great work and good eye for detail. how did you manage to align so perfectly with the design image?

    0
  • Michael Balogun•240
    @Emynex4realSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I really enjoy working on this project, even though i was super stressed working on it but at the end i was able to produce a good result with very little help.

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

    I need help with the preview thumbnails i want to do it in a way that when i move to the next image the focus shift to the next thumbnail

    E-commerce product page

    2
    muiruri3000•400
    @muiruri3000Posted 5 months ago

    good job. keep on!

    0
  • muiruri3000•400
    @muiruri3000Posted 5 months ago

    good job!

    0
  • muiruri3000•400
    @muiruri3000Posted 5 months ago

    Great Job Omar, Also do consider:

    1. adding a setTimeout() your toaster message such that it dissapears after a set time in seconds.

    2. Having the toaster set to {position:absolute; top:50%; left 50%; transform:translate(-50%,-50%); z-index:999 //or whatever value is your highest z-index } so that when it appears it is over the form, and does not push it downwards.

    once again, keep up, and great job you have done :D

    Marked as helpful
    0
  • Thomas•550
    @TomSifSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I like my css for once I find it well organized, and annotated :)

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

    I struggled at the beginning because I had misunderstood how to activate the answers. I had gone only with clicking on the icon and I realized afterwards that it was the whole question that had to be focussed. I solved this by wrapping the whole question in a button container which is naturally 'focussable'

    Still having small javascript syntax problems, I know what I want to do and how to do it, but I admit that sometimes the logic of the language still escapes me, but by doing it, I have the impression that it begins to make sens.

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

    All the advice is good to take, I will be curious to see how to make a beautiful accordion transition, very fluid for the deployment of the answer when we click on the question, I adjusted the opacity otherwise the answer appeared on the lower container when launching the animation, but there was perhaps something better than playing on the max-height. Thanks in advance to those who pass by and leave a little comment :)

    Front-end_Mentor_FAQ_Accordion

    1
    muiruri3000•400
    @muiruri3000Posted 5 months ago

    Well Done!

    1
  • Thomas•550
    @TomSifSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I tried as much as possible to make the content accessible, curious to know if there were any omissions or better optimization. The javascript part was much simpler than on the previous project, it's starting to make sens, I even added a little transition animation, it was interesting to understand how to trigger it with a delay.

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

    I didn't really encounter any particular difficulty on this project, other than trying to understand how to offset my transition animation.

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

    As this is a part on accessibility, I hope that I have fulfilled my mission well and I would be curious to have the opinion of a more experienced person to know which part to improve this one. All comments are very welcome and thank you in advance to those who take the time to take a look at my work.

    Front-end_Mentor_Interactive_rating_component

    1
    muiruri3000•400
    @muiruri3000Posted 6 months ago

    Well done! How did you manage to almost fit in perfectly the width and the height?

    1
View more comments