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....
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.
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.
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!
I thought you would adjust boxes of different sizes to hold the images but it was actually the size of the images that makes the boxes differ. If possible can you make a video covering this topic (i.e different box sizes for holding images which relying on the size of the image)
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.
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
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
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 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
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
What do you think about this tutorial?
Comment Now !....Let me know some of your opinion🥰
perfect, where did you get images
@@studentwiut8467 from pixels, unsplash and many more...
Awesome designs, your ideas are different and I like it
@@kylekeledomson6772 Thank you.
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....
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.
yeah, his skills are very poor. well said
@@RAVIRAJLADHA Focus on content bro, he is not getting anything in return we better respect him for teaching.
@@theannonymous1430 true
This is one of the most straight forward & clear demonstrations of how to structure CSS that I've ever seen. Thank you my friend!
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.
i love u
But why? I do not understand this :-(
@@csigabigaboca1987 Master CSS Box Model, you should be good.
Epic. Elegant and simple code. Personally I would've preferred without the heading included but some people will want that for sure.
Goot gawd dis man is a genius in presentation! Subscribed! Super duper flash learning!
Thanks for the sub!
Thank you so much! After many videos, this was the only one that worked!
awesome!!!! this was really good, and thank u so much for providing code
Great video. Really helped me hand code my first responsive website.
banger video, helped me make my portfolio site
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!
You're very welcome!
More projects are coming soon.
Please share this project on your social media. It will help us. Thanks.
i modified it a little bit with redirects to other pages i've done and very good, thanks!
This is amazing ❤️😀 Loved this
Thank you so much
Thank you for this information and explanation
Very Informative.Thanks!
Most welcome
Thank you for the wonderful explanation. You do great work.
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.
Thank you for this tutorial! It helped me.
Your most welcome.
Ciao, ::: Can I use the KEYBOARD ARROWS to slide the Gallery to Left or Right ... ? THX ... /// McRoman
How to create ,when we click on image ,show that in pop-up..like Amazon product zoom
Excatly what I needed, thanks
Most welcome
thank you so much bro for the tutorial
great ❤❤
I thought you would adjust boxes of different sizes to hold the images but it was actually the size of the images that makes the boxes differ.
If possible can you make a video covering this topic (i.e different box sizes for holding images which relying on the size of the image)
Great video, thank you!
You explained everything in wonderful detail. Thank yoouuuu!!
You're so welcome!
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.
In his defense, he's being very specific so that a developer who comes behind him can find the class easily...
thanks man that was helpful
Bro it was great 👍👍
Thanks brother
what app are you using to test your site at difference scales?
thanks man, appreciated
Amazing
I tried this but it's not showing the left-side scroll option.
Please can you show me how can I do for having two columm for max-width =998 px divices ?
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
update?
perfect tutorial
Thank you so much for this.
Your welcome
Yo the source code doesn't work, could you please give us a new link?
How can I add caption under each image ?
This tutorial is very usefull for me
Thank you
Can we make draggable and change img array?
Thanks bro for this videp
Thank you so much. Please share this project on your social media. Will appreciate that.
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
TYSM bro ❤
Welcome bro
Great tutorial!!! Thank you!
One question - how do I make the "more" button work?
Add a link to a new page on the button
@@Tech2etc ohhhhh ok
Thanks!
Thanks Buddy
Thank You.
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
Sry couldn't get your question.
I used sublime text as a text editor.
@@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
source code drive link not working...
good video
Thank you
great tutorial! can we make the images align at the bottom also ?
i was thinking of trying justify-content: space between;
really helpful
Glad u enjoed.
Thank u
Thank u
Thank u so much
Most welcome 😊
Source code open ni hora mere pas error ara hai file open ni hori
thank you sir
nice vid
can u send the link to download this app how do we do it
None of the links are working. Big disappointment 👎
Source code not available anymore..
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
u can duplicate the current page & link this page with more button.
Hello, the source file is not accessible now. Please reply with the correct source file. Loved your work!
thanks bang
you didnot say photo size!
Bhai ji aapse hath jodkar guzarish hai🙏🏻 coding to clear dikhaya karo.....
All ok
Brother, also design its admin panel and show it
sure bro
thanksssssssssssssssssss
Welcome
meri pictures to bht bari a ri
image des na kere
Good job bro JESUS IS COMING SOON;PREPARE