Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Article preview component (React | Vite | Vanilla CSS)

P
Marc Francisā€¢ 600

@marcfranciss

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Kitalpharā€¢ 150

@Kitalphar

Posted

Great work!

I like the animations on the socials and the fade-in effect for their container, however the same effect seems to be applied to the Author's details, which feels more like an error than a feature if i'm to be honest.

Hope you have a great day!

Marked as helpful

1

P
Marc Francisā€¢ 600

@marcfranciss

Posted

@Kitalphar Thanks for checking this out and providing feedback! Really appreciate it. šŸ„°

May you please suggest what changes should I make to the 'Author's detail' for it to be more appealing?

0
Kitalpharā€¢ 150

@Kitalphar

Posted

@marcfranciss

This is just my opinion so feel free to ignore.

On the mobile layout, article-author-container mobile has this fade in effect for the share-nav mobile, which i like, i think it's nice. Clicking on the button again, reveals the Author's details (article-author) with the same fade-in effect....my point is that since the user is already avare of these details, "revealing" it again with the animation feels like it doesn't add to the user experience, if that makes sense? This way the user may think the animation was left over from share-nav mobile by accident....so i think leaving the article-author static or instead giving the share-nav mobile a fade-out animation would look better and feel more purposeful.

But once again, this is just my opinion, just food for thought. There is no real need to change your solution, i think it works great and is pleasing to the eyes. :)

Have a great day!

1
Mehrineā€¢ 120

@DarkMoonLit

Posted

Hello, Well done on the challenge.

Nice coding!

Marked as helpful

1

P
Marc Francisā€¢ 600

@marcfranciss

Posted

@DarkMoonLit Thanks for checking this out and providing feedback as well! Really appreciate it. šŸ„°

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord