Responsive Carousel Problems with CSS only.
Codepen 💻 : https://codepen.io/Oskar_Olortegui/pe...
Watch the most recent videos
https://www.youtube.com/@AlephNeoDev/... 👀
Welcome back 😀
Today we're going to see what problems we encounter while creating a CSS carousel.
And we will see one way (because there are many ways to create a carousel)
to solve a few bugs until we get our final result.
Please, have fun, follow along the video and discover the intricacies of creating a responsive carousel that seamlessly adapts to different screen sizes. Learn about CSS techniques, flexbox, and media queries to overcome the obstacles you might encounter during the development process. 🌐💻
🕛🕛 Timestamps 🕛🕛
0:50 Creating our HTML content
2:06 CSS part 1
3:19 CSS Pseudo-selecto and CSS sibling combinator
5:27 The main logic of creating a carousel using CSS only
6:07 completing the CSS part1
7:20 Responsive Images?
13:19 The problem, The bug.
14:28 Creating a new CSS file
16:24 Giving a solution?
19:09 Conclusion.
The villian was that transition property applied to the .carousel-images div
Who am I? 🔍
I am just a new developer trying to learn and grow and I would like you to join
me in this journey
GitHub 😸 https://github.com/AlephOlortegui?tab...
Codepen 💻 https://codepen.io/Oskar_Olortegui
#CSSCarousel #CSSSlider #CSSResponsive
Auf dieser Seite können Sie das Online-Video Responsive Carousel Problems with CSS only. mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer NeoDev 22 Mai 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 93 Mal angesehen und es wurde von 6 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
