Responsive Carousel Problems with CSS only.
Codepen 💻 : https://codepen.io/Oskar_Olortegui/pen/JjmLRNj
Watch the most recent videos
https://www.youtube.com/@AlephNeoDev/videos 👀
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=repositories
Codepen 💻 https://codepen.io/Oskar_Olortegui
#CSSCarousel #CSSSlider #CSSResponsive
-
1:15:15
Havoc
15 hours agoTainted Careers & Tarnished Legacies | Stuck Off the Realness Ep. 14
129K18 -
1:05:33
Glenn Greenwald
1 day agoJournalist Chris Hedges on Media, Terror, Gaza, and More | SYSTEM UPDATE #338
109K171 -
1:14:10
Talk Nerdy 2 Us
1 day agoHacks, Leaks & Big Tech Control: Is Your Data Under Siege by Shadow Powers?
70.7K17 -
4:41:10
Tundra Gaming Live
16 hours agoThe Worlds Worst Horror Streamer Has Heart Attack Playing Phasmophobia
81.5K9 -
1:38:24
JoBlo Originals
13 hours agoFriday Night Flicks!
82.6K16 -
5:09:20
Nerdrotic
18 hours agoAgatha All Along Geyest Show EVER! Rings of Power Girl POWER! - Friday Night Tights #320 Jonny Law
150K52 -
1:18:43
Edge of Wonder
14 hours agoPager Explosions: How Technology Can Be Used Against Us
87.9K29 -
8:19:47
Akademiks
20 hours agoDiddy Arrest Footage LEAKED! Police Say He's ON S*ICIDE watch after Being Locked up in MDC BROOKLYN
215K126 -
11:44:20
Total Horse Channel
1 day ago2024 WDAA World Championship Show | Friday | Arena One
83.5K2 -
4:16
The Worlds Funniest Animals
15 hours agoAnimals Gone Wild Compilation
65.3K22