i was able to finish this in a under 2 hours i am getting faster
What challenges did you encounter, and how did you overcome them?the position of the box and the items in them i just did it my way
Consider adding font-family and other property styles that are repetable to one css variable to gain better code readibility and reusability
Problem with Flexbox Layouts in CSS
I would like to have feedback, on my CSS solutions because is the area where I have less knowledge. I have trouble fixing the Card and the text layout.
I would strictly keep to BEM, and reduce the no. of lines of CSS as it is possible
For a simple project the only thing slightly proud of is that did the switching of the transparent overlay on or off with just CSS instead of needing to use JS to provide the interactivity.
Done via use of the hover swapping the z-index of the two so the absolute overlay stays higher only as long as it is being hovered.
What specific areas of your project would you like help with?Only thing that gave me issue is proportions trying to make it match the image, while every other part seems about quite close it seems like the card itself just ends up to small to match the image like the content is not enough to fill it if I expand it to match with the other elements properly sized.
Although I suspect that may be an issue of perspective in that I try to have it fill same space as in the image and if the image is zoomed or cropped that would be pointless and inaccurate but it only thing I got to work off of.
In such naming like: creatorcontainer, avatarimage, etc. I would keep the dash (-) as it now causes readibility issues. Also I would stick to the BEM to keep the css class names precise and concise.
The visual is ok.
