Hey Everyone,
Sorry my files are a complete mess, this challenge taught me that I really, really need to organize my files better. :P
I did have one question, I was unable to figure out how to set the height of the bars with the animation, which is why the animation goes to 100% than jumps down to where the height is actually at. Hope that makes sense, and any help with this would be great.
Thanks!
I set the height of the bar by taking the day value in the .json document and multiplying it by 2.5, so all the values in the document multiplied by 2.5 would give less than 200px height for each bar, even if the value changed later, the height of the bars would change according to the new values. If it was difficult to understand, take a look at my github in the challenge repository and look at the handleBar function.
how do you guys decide the sizing of the widths/fonts/etc? because they're not provided, at least in the free version. I often hear about "mobile-first" but I always do desktop first because usually on the desktop there are more features that in mobile can be just removed to make it more lightweight while adding features for desktop from mobile can cause the whole code to be rewrited
Hey bro,
I set the size just looking what fit best.
I also used to write desktop first, but nowadays, most people access applications via mobile devices.
But that's just my opinion, I'm still a newbie. Good code for you.
I have a question, how to add an animation when the paragraph shows up?
i used opacity on hidden paragraph and set max-height when active, check out my solution. Max-height allows transition animation to work properly.
