Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Hi here is my solution for Room-homepage. I used HTML, CSS, JS.
What challenges did you encounter, and how did you overcome them?It was to do a carousel with a smooth transition. I used a button with a listener :
btnLeft.addEventListener('click', () => {
if(position >= 0 ){
position = -200;
}
else{
position += 100;
}
document.querySelector('.list-image').style.transform = `translateX(${position}%)`;
title.classList.add('anim');
text.classList.add('anim');
setTimeout( () => {
title.classList.remove('anim');
text.classList.remove('anim');
}, 1200);
setTimeout( () => {
displayText(position);
}, 200);
});
What specific areas of your project would you like help with?
Feel free to leave any comments.
Thanks.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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