Testimonials slider component using HTML, CSS/SCSS and Vanilla JS

Solution retrospective
I had some trouble keeping the slider buttons positioned correctly below the image as I resize the viewport. Currently, I'm using absolute positioning on the buttons using percentage values from bottom/top and left/right.
Problem arises when I resize the viewport and the height of the whole slider changes more than the height of the image (and hence, the positioning of the button becomes misaligned relative to the image).
Also, what is the best practice for setting height on a responsive webpage / section / component? I know we should let the content dictate the height and simply let the width adjust automatically but should we be setting a minimum or maximum height (so that it looks good in whatever device we render it on)?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on BJ Firmacion's solution.
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