using flexbox ,JS

Hey Esraa. Good effort here. I know you're still learning and here are some improvements I noticed:

• Do not use position: absolute in this case. It's going to make it very difficult to make the site responsive. I usually only use position: absolute to move design elements.
• The site needs to be centered
• Image is missing rounded corners
• Arrow buttons are incorrect color
• Missing background image

Hello, I had the same issue with the next and previous button. You need to set the queryselectorAll for the buttons and then use a for loop for the eventlistener for the click button function. Now your next and previous only work once, because query selector takes only the first element it sees fit, it does not take all of them. Go see my solution for the very same problem and for the same challenge, you will understand what i mean, best of luck