Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • P
    Jose Monge 340

    @josemongedev

    Submitted

    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.

    jeanmax1me 160

    @jeanmax1me

    Posted

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

    1
  • jeanmax1me 160

    @jeanmax1me

    Posted

    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

    @jeanmax1me

    Posted

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

    Marked as helpful

    1
  • jeanmax1me 160

    @jeanmax1me

    Posted

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

    1
  • jeanmax1me 160

    @jeanmax1me

    Posted

    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

    @jeanmax1me

    Posted

    Nice animation when you load the page really cool

    0
  • jeanmax1me 160

    @jeanmax1me

    Posted

    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

    @jeanmax1me

    Posted

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

    1