Skip to content
Submitted almost 4 years ago

First project using BEM methodology

Yudi Yoshida•350
@yudiyoshida
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, front-end developers! How are you?

So, this is my first project trying to use BEM methodology, I would really apreciate if you guys give some feedback if I did something wrong or anything that I can improve.

Besides that, this project was really fun! I learned a lot about how to use grid-template-areas and pseudo-elements (::after) to create an arrow to my "tooltip" social media.

Thank you! Keep coding!!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Greetings, Yudi Yoshida! 👋

    Nice to see you complete another challenge! 😀 Good job on this one! 👏 I think your code looks pretty good so does your solution! It's nice to hear that you learned some new things while completing this challenge, as well! 😆

    One thing I'd like to suggest is to make the popup keyboard-accessible. It would be worth using a <button> element for the social media popup button (since that's what that element is) and perhaps adding an aria-label to it or something to identify it. 😉

    Keep coding (and happy coding, too)! 😁

    Marked as helpful
  • FocusCookie•350
    @FocusCookie

    Very nice solution and the js part is very small too! Nice job!

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