Create Responsive Image Gallery Using HTML and CSS

[@Tech2etc]

What do you think about this tutorial? Comment Now !....Let me know some of your opinion🥰

[@studentwiut8467]

perfect, where did you get images

[@shubham53kumar]

@@studentwiut8467 from pixels, unsplash and many more...

[@kylekeledomson6772]

Awesome designs, your ideas are different and I like it

[@Tech2etc]

@@kylekeledomson6772 Thank you.

[@sayyidnaeemulhaqm.k8966]

Thanks .Tomarrow my task is make a Page design ...then i found image gallery in that task so i watch this video thanks ..i found some loats of ....Flex ideas ...and @media screen ideas Thanks sir and also i follow you....

[@aryanyadav4757]

I guess this guy is a perfect example of why communication skills are important. There was so much he knew and wanted to share but the words were getting in the way. But still learned a lot so thanks for that.

[@RAVIRAJLADHA]

yeah, his skills are very poor. well said

[@am1n_dlt682]

The images have a style of border-radius :15px; so this style should apply for all 4 corners of the image but, for anyone who's wondering why the images doesn't have border-radius on their bottom left and right, its because they have style which is padding-bottom : 15px; , you should replace this style by margin-bottom:15px and the problem should be fixed.

[@kingille94]

i love u

[@csigabigaboca1987]

But why? I do not understand this :-(

[@am1n_dlt682]

@@csigabigaboca1987 Master CSS Box Model, you should be good.

[@yunoletmehaveaname]

You don't need to specify .container .box .anything in this way. Your classes are specific enough and you're just adding unneeded complexity and unreadability to your css. Great demonstration though! It was a nice walkthrough.

[@aijiexi]

In his defense, he's being very specific so that a developer who comes behind him can find the class easily...

[@h.t.7310]

Goot gawd dis man is a genius in presentation! Subscribed! Super duper flash learning!

[@Tech2etc]

Thanks for the sub!

[@DigitalLiquid]

Thank you so much! After many videos, this was the only one that worked!

[@Faby__]

i modified it a little bit with redirects to other pages i've done and very good, thanks!

[@salemmajed916]

Thank you for this information and explanation

[@thrasher1462]

banger video, helped me make my portfolio site

[@skullncrossdrones7960]

Great video. Really helped me hand code my first responsive website.

[@gabikka1722]

Wow, this was a great tutorial. I needed something straight forward and simple but the best part is in your presentation. Thank you and I will definitely subscribe to your channel. Keep up the good work!

[@Tech2etc]

You're very welcome! More projects are coming soon. Please share this project on your social media. It will help us. Thanks.

[@bogdanv9591]

Excatly what I needed, thanks

[@Tech2etc]

Most welcome

[@ritikbheda9183]

Thank you for this tutorial! It helped me.

[@Tech2etc]

Your most welcome.

[@SurfingTheMentawais]

Thank you for the wonderful explanation. You do great work.

[@boomondobade706]

Amazing

[@sydneyjack410]

awesome!!!! this was really good, and thank u so much for providing code

[@yohohogaming6]

thank you so much bro for the tutorial

[@cecilec9234]

You explained everything in wonderful detail. Thank yoouuuu!!

[@Tech2etc]

You're so welcome!

[@kmssi1538]

Very Informative.Thanks!

[@Tech2etc]

Most welcome

[@bananabutzz]

thanks man that was helpful

[@mcroman-superfeat]

Ciao, ::: Can I use the KEYBOARD ARROWS to slide the Gallery to Left or Right ... ? THX ... /// McRoman

[@shantanusevekari2809]

I need help:I have created a new folder css and inside style. Css but whenever I go into that file for styling it doesn't work. Pl help.

[@marriageVideos933]

How to create ,when we click on image ,show that in pop-up..like Amazon product zoom

[@נגהלינהרט]

Great tutorial!!! Thank you! One question - how do I make the "more" button work?

[@Tech2etc]

Add a link to a new page on the button

[@נגהלינהרט]

@@Tech2etc ohhhhh ok Thanks!

[@kiovo1983]

thanks man, appreciated

[@mysteriousone1606]

Hello, the source file is not accessible now. Please reply with the correct source file. Loved your work!

[@sagaibrahim6178]

what app are you using to test your site at difference scales?

[@ClubScene231]

This tutorial is very usefull for me

[@Tech2etc]

Thank you

[@harsh5128]

great ❤❤

[@niteshprajapat7918]

This is amazing ❤️😀 Loved this

[@Tech2etc]

Thank you so much

[@ahnatechnology5998]

thanks a lot, that was helpful, and very well explained, i m wondering about "more" button, how can i use it, i mean if i want to add more pictures and i want it to show up after clicking the "more" button

[@Tech2etc]

u can duplicate the current page & link this page with more button.

[@roshnapjohn1654]

Thank You.

[@manishsoni8760]

perfect tutorial

[@intc21]

Great video, thank you!

[@UGH_ZEREF3431]

thank you sir

[@ClubScene231]

Thank u Thank u Thank u so much

[@Tech2etc]

Most welcome 😊

[@백종훈-s8p]

Can we make draggable and change img array?

[@kinzag7613]

I tried this but it's not showing the left-side scroll option.

[@xcr6436]

Thanks bro for this videp

[@Tech2etc]

Thank you so much. Please share this project on your social media. Will appreciate that.

[@asphaltking5870]

Please can you show me how can I do for having two columm for max-width =998 px divices ?

[@sanjanabhat5032]

great tutorial! can we make the images align at the bottom also ?

[@christian108]

i was thinking of trying justify-content: space between;

[@akinsulereolajobi9168]

Thank you so much for this.

[@Tech2etc]

Your welcome

[@Englishready-ez3ei]

Thanks Buddy

[@bloomyredwood2279]

Hi, i'm sorry if you explained this already, but could you explain why you do those indent spaces in code? like the indent on line 8 and then another one on line 9

[@sallu21m]

How can I add caption under each image ?

[@ItsItachi279]

TYSM bro ❤

[@Tech2etc]

Welcome bro

[@dokterkepin9652]

good video

[@Tech2etc]

Thank you

[@Georgian151]

nice vid

[@ziafathima2508]

i have some doubts umm i am using notepad to do your html but the second part its coming like text so what should i do and which app do you use to do this

[@Tech2etc]

Sry couldn't get your question. I used sublime text as a text editor.

[@ziafathima2508]

@@Tech2etc umm no i meant was that where did u basically make this like type all the info and commands and all did u simply do in a normal notepad or you installed CSS and html

[@leilaluna7]

Is there a way to get the columns like this without using three dream divs? I have php code and I don’t know if I can make that work because the images are uploaded from a database so it isn’t linked in the php html. :-/ I’ve been struggling with this for over a week actually, haha I’m able to get columns with some tweaking, but it leaves this large spacing between the images that doesn’t look smooth like the gallery in this video

[@divinesackitey6938]

update?

[@marcus0477]

Yo the source code doesn't work, could you please give us a new link?

[@DeitySilver-u2c]

Source code not available anymore..

[@ziafathima2508]

can u send the link to download this app how do we do it

[@meherunnesahossainibnath5958]

source code drive link not working...

[@TechExplosions]

really helpful

[@Tech2etc]

Glad u enjoed.

[@programmertik2046]

Bro it was great 👍👍

[@Tech2etc]

Thanks brother

[@user-eo5qu9mb9c]

Bhai ji aapse hath jodkar guzarish hai🙏🏻 coding to clear dikhaya karo..... All ok

[@faizanahemad6381]

Brother, also design its admin panel and show it

[@Tech2etc]

sure bro

[@bhaluu2017]

Source code open ni hora mere pas error ara hai file open ni hori

[@adieahmadfakhrudinsyah1135]

thanks bang

[@sonamtamang4154]

you didnot say photo size!

[@asphaltking5870]

thanksssssssssssssssssss

[@Tech2etc]

Welcome

[@argylleagen]

None of the links are working. Big disappointment 👎

[@kainatali5292]

meri pictures to bht bari a ri

[@thechoosen4240]

Good job bro JESUS IS COMING SOON;PREPARE

[@mumtahinatamanna-u5w]

image des na kere