HTML and CSS Project Tutorial: Pure CSS Image Slider

Let's walk through this HTML and CSS tutorial to create a responsive image slider with only HTML and CSS!

⏰ TIMESTAMPS ⏰

Introduction: 0:00

HTML: 0:21

CSS: 1:35

🔗 HELPFUL RESOURCES 🔗

A Complete Guide to Links and Buttons:

A Complete Guide to Flexbox:

❤️ INSPIRATION ❤️

🥰 FOLLOW ME 🥰

👋 FOLLOW SKILLTHRIVE 👋

#html #css #coding

[noahthegreat]

bro wtf i think this is the best coding tutorial ive ever seen (and i spent 5 years @ CS in Uni). Clean and concise english and explanation, less than 10 min, and good audio. W channel

[glorysinkhonde]

Best HTML/CSS carousel tutorial on YouTube. The explanations are amazing!

[arsenedjumbe]

I couldn't believe that with just HTML and CSS something like this could have been achieved

Man, you've just earned a subscription
Great content 👍🏾

[Karmator]

BEST TUTORIAL EVER. EASY TO FOLLOW AND SIMPLE. LOVE YOU MAN

[petrus]

Hats off to you man, I thought this could only be done with javascript

[anthonychen]

Most helpful HTML/CSS tutorial I've seen so far.

[antonioglavocevic]

Extremely clean and simple example that is well explained.

[andrecarcausto]

if you want to move the image inside the slider use object-position: 50% 50% (adjust this accordingly)

[greenparksquad]

You're a great dev-youtuber. Able to explain and implement the feature so simply. I had completely different page structure and design but thanks to your guide I implemented slide so fast and easily. no tons of redudant code like in other guides

[Skillthrive]

I updated the CodePen to hide the scrollbar! Sorry I missed that in the tutorial.

[juanmartinkuasnosky]

u are like a god dude, you have just earned a subscription from Argentina! great videos, keep going!

[officersmiles]

Fantastic video! Spoken very clearly and everything explained in detail. A little fast, but still very good!

[chuk_udi]

Goated video. You can slap this bad boy anywhere

[poiuy]

Just used this for one of my classes! Thank you!

[yokidrift]

With some modifications this will work well for me. Thanks for showing us the basic layout!

[mind_blazed]

How simply simplified man . This is best video . Thank you very much .Best explanation 🔥❤️

[arturonicolasjuarez]

Thx! Very useful and easy to do! You are amazing!

[RipperTiger]

thank you so much for the perfect tutorial

[nsa]

how to prevent the browser from centering top of viewport on the anchor target?

[abhisheksonar]

hey im working with photos of aspect ratio 4:3 what changes should i make ??