Skip to content
OverviewSolutions
12
Comments
8
jeanmax1me
@jeanmax1me

All comments

  • Jose Monge•340
    @josemongedevSubmitted over 1 year ago

    Well I didn't expect this to be this challenging, I enjoyed it a lot though. I had to rewrite the timer hooks to be able to setup the different timers accordingly and reset the controls when any change happens. The SVG animation was also hard, at the end I just tailored it for tablet and desktop dimensions and scaled it down for the mobile screen size using scale class in tailwind. It's probably better to try regular CSS for animations, rather than trying to use tailwind for everything.

    Pomodoro timer using Tailwind, React, Typescript and SVG voodoo

    2
    jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    nice, when you start a chronometer it automatically jumps 2 seconds kind of weird

    1
  • jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    Nice, for the background I had the same type of issue where the image moved and could not get it right and all , I think I remember it is solved by using the ::before pseudo selector as the background container

    0
  • jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    You can use text-decoration : line-through; to give the correct effect to the older price

    Marked as helpful
    1
  • jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    Should add a few media query to switch to mobile version, but the desktop version looks ok

    1
  • jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    Good job, you could add a media query for mobile size to improve it ;) edit: there is a media query actually, but the two sections don't swap to vertical design and they stay next to each other horizontally on my screen

    0
  • jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    Nice animation when you load the page really cool

    0
  • jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    nice usage of <span class="border_bottom"></span> to create the line I was wondering how to do it when I did the challenge, thanks :)

    0
  • jeanmax1me•160
    @jeanmax1mePosted over 1 year ago

    You can use <br> to force the header in bold to a new line after "Eau" like in the design

    1