Skip to content
OverviewSolutions
13
Comments
10
Youssif
@Youssif94

All comments

  • korosu•60
    @korosuSubmitted over 1 year ago

    My first JS/React/Next/TailwindCSS project required a lot of research. Everything was new to me, but I had a lot of fun with it. However, it also made me feel tired at times. The most difficult part in the project was typography and layout. The project looks complete, but the details are not up to par, especially in terms of code optimization. I have a feeling that there will be a lot of bugs.

    Thanks

    thanks @AlexKMarshall and @ItsKrish01 for helping me to resolve next redirect problem

    My first JS/React/Next/TailwindCSS project

    1
    Youssif•280
    @Youssif94Posted over 1 year ago

    Design looks good, but the input doesn't work, whatever I type it doesn't bring me to the second page to say " sign up complete " it just refreshes the page

    Marked as helpful
    0
  • Youssif•280
    @Youssif94Posted over 1 year ago

    Design looks great, just wanted to inform you that E-mail validity is not working, the input accepted 'abc' as a valid email.

    0
  • Cole•150
    @cshorgSubmitted almost 2 years ago

    First time using media queries and grid, any tips are always appreciated!

    time tracking dashboard

    1
    Youssif•280
    @Youssif94Posted over 1 year ago

    Looks really good, great effort :)

    However, it looks like you're missing the icons over the cards

    1
  • jwalczak94•810
    @jwalczak94Submitted over 1 year ago

    Hi Frontend Mentor community!

    This is my solution for the Time tracking dashboard challenge.

    The JavaScript part took me a while, but I finally managed to switch between data. I don't know if this is good solution so any hints on JS part are more than welcome! 🎁

    Any feedback is greatly appreciated! Thanks! 😊

    Time tracking dashboard ( Mobile first workflow | JSON)

    1
    Youssif•280
    @Youssif94Posted over 1 year ago

    Your JavaScript looks fine to me, I personally didn't feel it was worth it to get the data dynamically from the JSON file, so I just hardcoded it to the JS file, after clicking the button, it changes innerHTML of the number of hours, that was it for me.

    But your design looks really good, pretty much pixel perfect :)

    0
  • Tiff•480
    @tifflee7784Submitted almost 2 years ago

    Feedback is welcome. Any one have idea how to hide the border of x-axis & y-axis ? I have tried and searched many methods but all does not work :( Thanks in advance.

    Expenses chart component

    1
    Youssif•280
    @Youssif94Posted almost 2 years ago

    Under the 'scales' > x or y > grid. you need to add "drawTicks" and set it to false

    just under your 'drawOnChartArea'

                scales: {
                x:{
                    grid: {
                    drawOnChartArea: false,
                    drawTicks:false,
                    },

               },
               y: {
                grid: {
                    drawOnChartArea: false,
                    drawTicks:false,
                },
                ticks:{
                    display: false
                }
               }
            }
    Marked as helpful
    0
  • Aecio Neto•340
    @aecio-netoSubmitted almost 2 years ago

    How can I update the solution on this site? Because it's showing errors that I already fixed.

    Todo List Tailwind CSS

    2
    Youssif•280
    @Youssif94Posted almost 2 years ago

    regarding your question, I did it by having 2 icons

    1- a circle icon

    2- a check mark icon

    when the circle icon is clicked, it gets removed and the check mark icon gets placed instead of it

    0
  • Youssif•280
    @Youssif94Posted almost 2 years ago

    The "advices" are stuck for me, it doesn't generate a new one by clicking the button unless I refresh the whole page.

    0
  • SuKyung Kim•60
    @sukyungdevSubmitted over 2 years ago

    Hi everyone! I have some questions.

    Question 01.

    It was difficult for me to make a background for this challenge. Is there no problem with the background I made?

    Question 02.

    Is it okay to have another section tag inside the section tag?

    Your comment are very helpful to me. I will be waiting your comment.

    Any other feedback is welcome. Thank you!

    Order Summary component using CSS

    3
    Youssif•280
    @Youssif94Posted over 2 years ago

    Background looks perfect, I did it the same way, they only provide you with one "half" in the style guide, and the second half is identical copy just flipped with a lighter color.

    1
  • Youssif•280
    @Youssif94Posted over 2 years ago

    Looks great, the only issue I notice is that during hovering, it also highlights the previous button for some reason

    0
  • Zhansaule Telisheva•100
    @ZhansauleTSubmitted over 2 years ago

    My interactive rating card works well, except for one moment. How can I disable the click of other rating numbers while one is pressed, in other words, when one rating number is clicked others should not be highlighted.

    P.S. I updated my solution, you can access it now. Sorry for any inconveniences with it!

    Interactive rating component card using HTML, CSS, and JS

    2
    Youssif•280
    @Youssif94Posted over 2 years ago

    I was stuck in the same spot regarding de-selecting the other buttons, here is how I did it ( found the solution in overflow ):

    1- Loop through all the buttons and trigger a function when clicked.

    2- Loop through all the buttons AGAIN and remove the class/style from all of them

    3- add the class "btnPressed" for example, to the clicked button (this.classlist.......)

    Marked as helpful
    1