Skip to content
Submitted 2 months ago

Article preview component using flexbox

Adam•340
@nadam-design
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

What are you most proud of, and what would you do differently next time?

I'm proud of using the same elements on desktop and mobile, no display: none; rules to using different elements on different viewports.

What challenges did you encounter, and how did you overcome them?

A lot of absolute positioning, but I manage to deal with it.

Community feedback

  • P
    Camilo Rodriguez•80
    @CamiloR88Posted 2 months ago

    Hi Adam. I love your work, it shows that you have a great knowledge of JavaScript, HTML, and CSS.

    How long have you been studying?

    I'm a newbie yet and looking at your code I have learned a few things I didn't see before. (the property "aria" it's very useful)

    Thanks for sharing.

    1
    Adam•340
    @nadam-designPosted 2 months ago

    @CamiloR88 Thank you, it's really kind! Originally I'm a designer and learning frontend since 5-6 years. Currenly relearn everything (especially JS), I like to be as good as I can!

    The ARIA attribute is for accessibility, which is an important role in frontend development (and now I'm paying more attention to this).

    Based on your comment, I looked at the code and noticed that the ARIA attributes are not working properly, they don't change when in active status, so I need to modify this. :)

    1
  • P
    Fadya•400
    @MaxCoder-mcPosted 2 months ago

    Nice work 👏

    1
    Adam•340
    @nadam-designPosted 2 months ago

    @MaxCoder-mc Thank you Fadya!

    0

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