I finished my Tribute Page about Whitney Houston.: [my tribute page] (https://codepen.io/somespace/full/NRAoYP/)
I do have some questions for more other developers, perhaps more experienced then me.
THUMBNAILS with EQUAL HEIGHT
JQUERY problem, change in animating stuff
As you might notice, when you scroll through my webpage, the effect animate to opacity 1 (kinda like fadeIn) is used to display hidden pictures. If you look throuh my code, you can see many nested if statements that specificaly apply the animation and different manually added delay to handle animations with different style on each layout. I wonder if some simpler method to handle delay for animations exist, when for example in large screen view i scroll over last three image thumbnails, they are animated with delay after each other. I did not find simpler coding solution which would not involve more manual adding code if i had for example more pictures bellow to display in previously mentioned desired order.
DESIGN AND USER FRIENDLINESS
I would very like to hear your point of view on design of my page, whether it does contain too little / too many elements, what is missing and what is useless. Designing user friendly webpages is very important skill for me to know, so I am open to any advice on that.