Another question that comes from your tutorial is:
On the Glow effect Div, there is position Absolute:
You wanted to put the red square under the photo.
Why did you use a simple transform 50px vertical instead of using the position feature?
Do these 2 features have different effects or they are the same?
I never think of the simple transform when I want to move objects. Only the position feature.
If you want different color, you can’t use loop in a simple way, you would need to use a bit of custom CSS then, which is not that simple, easiest is to create one icon to be fully working with hover effect and everything and then just duplicate and change color.
When you are working with position absolute and set top 50%, and then go to transform and set Move to be vertical -50%, then your absolute tag will be vertically centered perfectly.
Now I understand but why you didn’t make the absolute middle already with transform -50%?
Why the middle button for absolute doesn’t do that already?
And regarding the code, I have all the code ready.
I have asked in this topic on how can I add the code to my website.
There is HTML code and CSS code.