asked on
responsive tracker cuts off words on smaller screens
Trying to create a 5-stage tracker, The IPad is the smallest screen this has to work on.
To create the chevrons, I used a rectangle and a diamond. But the diamond covers the text on the rectangle when in iPad size.
I used z-index to give each step its own layer trying to pull the rectangles above the diamonds.
Here is the fiddle:
If you know of a better way to create this tracker, please share. this is like the 30th version. :(
![Image of my tracker]()
To create the chevrons, I used a rectangle and a diamond. But the diamond covers the text on the rectangle when in iPad size.
I used z-index to give each step its own layer trying to pull the rectangles above the diamonds.
Here is the fiddle:
If you know of a better way to create this tracker, please share. this is like the 30th version. :(
iPad* css3* HTML 5
Last Comment
Eoin OSullivan
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thank you! This was done way better than what I was trying to do. Time to adjust some of my code. Thanks Eoin.
No bother ...
As the saying goes "Where there's a will ........ there's ... a dead person" ;-)
As the saying goes "Where there's a will ........ there's ... a dead person" ;-)