Product Landing Page - Go Vegan Box [ I Need a Help and Feedback Welcome

Code Feedback
1

Hey guys,

I just finish my Product Landing Page project. It is a Go Vegan Box.

I hope you enjoy it!!! Feedbacks are welcome!!!

Besides it, I wish you guys could help me with something. I use “keyframes” in my code, to attract attention to the promotion. But when I use it, it keeps moving the ‘test-table’ from FFC in the upside of the page. Do you know how can I fix it?

This is the link: https://codepen.io/Thayron/full/ZjRoGa/

Regards,
Thayron

2

I think to fix the moving test icon you need to change this section

span{
  position: relative;
  font-size: 26px;
  animation-name: promotion;

instead of applying the animation to ‘span’ , instead apply it to a class or a id because the code seems to be applying to the test code (which maybe is using spans).

I also believe this is a bug in the test script (because it is meant to isolate itself from your code and is failing to).
Check github to see if an open issue for this exists already and if not open a new one…

1 Like
3

Try doing this:

#discount span{
  position: relative;
  font-size: 26px;
  animation-name: promotion;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  }
1 Like
4

Thank you very much, it was really this!!

I should use a class or id instead of applying it in the span.

Regards,

1 Like
5

Thank you very much!

It worked really well!!

Regards,

1 Like