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
In questa pagina del sito puoi guardare il video online Responsive Carousel Problems with CSS only. della durata di ore minuti seconda in buona qualità , che l'utente ha caricato NeoDev 22 maggio 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 93 volte e gli è piaciuto 6 spettatori. Buona visione!
