This was fun to do! I customized it to me
What challenges did you encounter, and how did you overcome them?I am getting but at the hover effect!
Why does body
not have bottom padding when the viewport height is smaller than the card height? Similarly for right padding with viewport width and card width.
In the Figma file, the transition/interaction has 'Animation' (set to Dissolve) and 'Curve' (set to Slow) settings. Are there any resource/references on how to translate these to CSS?
I would love to receive feedback on any good practices to have, and improvements that I can make.
I would appreciate feedback on any flaws in my code and suggestions for a better implementation. What would you have done differently for this challenge?
This was fun to do! I customized it to me
What challenges did you encounter, and how did you overcome them?I am getting but at the hover effect!
Great that you are having fun!
Your solution is very much similar to the design! However, there are a few details I spotted on the site. The hover effect should have been on the blog title instead. Also, on mobile, the card should be slightly smaller, along with a cropped image and smaller font sizes to fit in it.
Hi!
Your solution looks similar to the design but here are some details that you can improve on:
style-guide
included in your downloaded files for the project)