Skip to content
Submitted over 3 years ago

Testimonials slider – plain HTML/JS/CSS using BEM

Maria•290
@itsfedoruk
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Coding bootcamp testimonials slider
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hey there 👋 It's been a while! I used this challenge to reiterate on the BEM methodology and structuring content with flexbox and the grid. The buttons have been the biggest challenge, as I wanted to have a bigger "clickable area" on the button (i.e. more than the arrows icons), and have buttons react to keystrokes of right/left arrows. Proud of how it works now ☺️

If you have time to review my code, I'd love your feedback on using BEM and structuring my code overall. Thanks!

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    you might want to take a look at the button in my solution to this

    1
    Maria•290
    @itsfedorukPosted over 3 years ago

    Hi Patrick, thank you! That was really helpful, I fixed my structure to achieve this, too 👍

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @hellomerope glad I could help. One thing I struggle with these projects is at what time do we try to make things pixel perfect and when we can change and improve them.

    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