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
-
5:38:38
SLS - Street League Skateboarding
8 days ago2024 SLS Sydney: Women's and Men's Knockout Rounds
572K56 -
2:04:21
Fresh and Fit
15 hours agoYung Filly Arrested After Being Accused Of Grape
100K28 -
58:25
Talk Nerdy 2 Us
21 hours agoAI Leaks, Political Hacks, & Corporate Breaches: How Safe Is Your Data?
81.3K7 -
1:11:31
Glenn Greenwald
1 day agoNew Documentary On The Destruction Of Gaza: Interview With Director Richard Sanders | SYSTEM UPDATE #351
120K117 -
59:12
Man in America
15 hours agoThe Great Replacement & the END of Western Civilization w/ A.J. Rice
87.5K50 -
1:01:42
Bright Insight
15 hours agoHurricane Destruction & Ancient FLOOD Cataclysms
92.9K118 -
7:21:37
Right Side Broadcasting Network
1 day agoLIVE REPLAY: President Trump Holds a Rally in Aurora, CO - 10/11/24
452K176 -
3:16:45
Nerdrotic
18 hours ago $34.35 earnedPenguin DOMINATES, Rings of Power FLOPS! Captain African American | Friday Night Tights 323 w/ MauLer
159K37 -
1:48:25
The Quartering
21 hours agoKamala Harris Town Hall Disaster, Florida Man Luke Rudkowski On Hurricane Milton & More
205K87 -
11:20
Chrissy Clark
19 hours agoAre These TikTokers Going To FIGHT?!🥊 I Underreported Stories
83.6K35