position: relative, fixed and absolute

Solution retrospective
I learn so much in this project remembering space the code in functions and new techniques
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Dani234jf
Hey, it looks really good!
Instead of just swapping images, why not try making a proper image slider with HTML, CSS, and JavaScript?
Here’s a simple idea of how you can do it:
Put all your images side by side inside a container that hides the overflow (using overflow: hidden).
Use JavaScript to scroll that container horizontally so different images appear smoothly.
Add scroll-behavior: smooth in your CSS to make the scrolling nice and smooth.
With this, you’ll get:
Smooth, fluid transitions between images.
More control over navigation, like adding “next” and “previous” buttons.
You can even add drag-to-slide with the mouse for a cool interactive touch.
It’s a neat way to make the slider feel really polished!
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