@elaineleung
Posted
Hey Ash, first off, great job with this component; both the desktop and mobile views look the way they should as in the design, and the responsiveness is also pretty good as the views are kept optimal.
About the share button, I think it's pretty hard when the button isn't part of the same container as the share icons. What you can try is, on the .user-share
container, use align-items: flex-end
instead of center
, and see whether that slight shift might help.
I took a different approach in my solution, but you can see whether that gives you some ideas on how else to approach this problem: https://www.frontendmentor.io/solutions/responsive-article-preview-component-hb8e6pLuv
Marked as helpful
@ashkanmus
Posted
Hello again @elaineleung! I hope you are having a great weekend! Thanks very much for your kind compliment; it motivates me a lot; I must admit it was very challenging, and a friend helped me and taught me some techniques.
Regarding the share button alignment, I just tried to improve it by giving a bottom padding to the share icons; it looks better to me now; however, I would certainly try your way as well!
Thank you so much again!