Skip to content
Submitted almost 3 years ago

Responsive Article Preview Component

Briuwu•750
@Briuwu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello~! (≧∇≦)ﾉ

For this project, I'm still adjusting on using JavaScript and CSS animation, but so far I think I'm improving little by little! But I know that it's still not enough so I will do my best!

If you have any feedback or suggestions, please do let me know! Thank you so much.

Community feedback

  • David Osorio•560
    @osoriodevPosted almost 3 years ago

    Hello there.

    I suggest you use a button element for the share option and put the icon inside, same for social media icons, it is better to use a tags and put the icons inside. This for better accessibility and semantic HTML.

    Don't forget to use the aria-label attribute as there is no discernible text.

    2
    Briuwu•750
    @BriuwuPosted almost 3 years ago

    @osoriodev I see, thank you so much!

    1
  • Aniket•170
    @NinjaAniketPosted almost 3 years ago

    Hi , 1.Background color on the card in the design is white but in your design it seems to be light blue 2.Image seems to be too big when compated to the design 3.Also the margin between user name(michelle) and top sections seems to be too big.

    overall good job!

    1
    Briuwu•750
    @BriuwuPosted almost 3 years ago

    @NinjaAniket Oh I see! Thank you so much. (^▽^)

    0
  • Account deleted

    sana all 😊

    1
    Briuwu•750
    @BriuwuPosted almost 3 years ago

    @niccalaodenio Ohh heyy~! Fellow Filipino (≧∇≦)ﾉ

    1

Please log in to post a comment

Log in with GitHub

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