How to Create an Image Grid Gallery - HTML, CSS Web Design Tutorial

[@dcode-software]

*AN INTRODUCTION TO CSS GRID:* kzbin.info/www/bejne/j2rVeaaaeN2IbrM 🏷 *THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇 www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1

[@upcom1ng116]

dcode is probably one of the most under rate channel ever. He explained it thoroughly. Nothing like do this and do that without explaining. Explanation is short and spot on.

[@dcode-software]

I appreciate that, thank you! Glad I helped

[@lucifer-5ybtn]

you know he is a god of frontend when you realise that his name is Dom (document object model) 😂❤️

[@dawniebug784]

I thought that too 😂 OO! I wonder if it's a code name! 😉

[@july9566]

This video just got me out of my rut I've been for two weeks. Sub!

[@dcode-software]

Awesome 🙂 glad to hear!

[@britsluver]

Love this and love how quick you type

[@maicon484]

a very easy explanation to understand and with that I gained the knowledge I was looking for, thank you

[@benabrahambiju8771]

The cleanest video on grid I've ever seen, thanks :)

[@paulleitner3945]

I really liked your tutorial, thanks for sharing your knowledge. But how can I use a big image on the right hand side?

[@luisselber]

How can I wrap the images in a tag without affecting the image grid shape? Awesome tutorial btw!

[@johanjohn9116]

thank you so much for this video and i have some plm with the margin the images are going out of the browser area

[@cog969]

Thanks you from France ;)

[@maitrishah820]

thanks for sharing your great knowledge with us! and again thanks for sharing the code on codepen :)

[@Shakibraza-h1h]

Thankyou so much for this technique 🙏

[@garymaclaren7191]

copies the code exactly the same, and turns out nothing like yours. i give up

[@SkepticleOrc]

I followed this tutorial, it's great by the way, but I have one slight issue. When I try to add a href to one of the src images. It destroys the layout.

[@dcode-software]

My guess is that the anchor tag is adding a border around the image, try setting no border on the images/anchor tag to see if that resolves the issue

[@omokaroelliot1942]

please tell me how you did it

[@audreyv.u.c.a]

i think the issue is that when adding the anchor tag to the images, the .image-grid >img attributes doesn't apply to that image anymore. Still cant figure out how to do that tho.

[@audreyv.u.c.a]

The .image-grid>img target doesn't apply to the image after adding the anchor tag. Can't figure out how to work around this. Any advice? Video is amazing btw.

[@YaNykyta]

Very nice Sir. Very nice! But, if you put images into tag, nothing works. Why?

[@sherrekaburton838]

Why is it that when I try to make the images hyperlinked it no longer recognizes the grid?

[@mrpluto1664]

Thank you!!!!😍😍😎😎 I subscribed!!!

[@a99986]

Can show use how make 3 image lay out like new paper 1 big image on left and other 2 on the right side scale on hover

[@gundam00able]

Thank you. you have a new subscriber

[@nbryson2010]

thank you! this was very helpful.

[@dcode-software]

You're welcome!

[@lensvictor]

thanks a lot!!! so nice reverb

[@homemetalstudios759]

works great thanks

[@logolicusz]

HI I have a question I have been trying to use this method for my portfolio site and everytime I add mor than 10 pictures it only displays on of them, the site is supposed to show hundreds of photos in the future

[@softwareengineer141]

Thank you 💖💖👌

[@goshmain982]

Thank you so much

[@codedynamics1]

short helpful videos, i like .. i've sub'd 👊 and sound is awesome

[@andrewnicholls5363]

So I am having a hard time modifying this for my own needs - I am using image buttons but the .image-grid>img part of my CSS isn't connecting. I have tried changing img with image, button, input... any suggestions?

[@AyushmaanMishra]

I may be late, but you can replace the ">" with just a space

[@supermegaultradelicious1219]

how to do prevent the background images from changing their size. i want them to resize but not moving around liek that

[@apophis2946]

this is a really cool short. thanks

[@GamingTSH]

Programming By TSH ----- This channel is so good too

[@omokaroelliot1942]

please how do i add h1 text to the images

[@tortureddesert3453]

which visual studios version is that that allows closing and opening of tags?

[@zubairmushtaq1357]

thanks for this videos

[@ader6707]

thank you sm!!

[@dcode-software]

Welcome!!

[@oshiga4life]

Excellent, great to the point.

[@chrstphrcr]

Thank you for this! How can I make these photos a link that takes you to another page without opening a new window?

[@fabiogallo6550]

dude you saved my life, thanks a lot!

[@stevenclark1272]

very helpful, thanks mate

[@akshayspeaking]

My images are not resizing to the size of a single col after adding the .image-grid>img block of code

[@krims254]

Awesome, what's the colour scheme? Loving the greenish text

[@mahmoudsh97]

i like how you use the variables and psedu class of grid images .. thanks

[@darshannikumbh3024]

thank you so much bro

[@dcode-software]

Always welcome!

[@rondominick1012]

They all work for me but one things bothering me.. other photos whont just fill up the space in the page..

[@arpeetahalder7695]

very informative.

[@olio___]

sos 1 capo

[@fellipelorram4341]

Really good stuff

[@GamingTSH]

Programming By TSH ---- This channel is so good too

[@philskz]

nice! thanks!

[@min7085]

Thankyouuuuu 🙏🏽

[@ankushsinghchouhan6977]

What happen when different-different image -size images in each column?? rendomly

[@Robbe1984]

I've done exactly the same as you and it looks nothing like it, think I'm gonna cry

[@haroonrasheed1117]

thanks a lot

[@shinmen8361]

hi when i try to put anchor on images it breaks the grid .. can u help me fix it

[@omokaroelliot1942]

please how do i add text to the image

[@beinyourguard]

awesome!

[@A7J0R33X]

properties gap is not full supported by all browser. Better use margin.

[@AtheistExpert]

adding links to the image fucks it all up. please solve. you tried to solve it in an earlier comment, that didnt work. please solve it correctly. I mean cmon. we just wanna add a link. this shits so confusing. it sorta worked. its sorta cool. Id sorta like to use it. I'm sorta about to go take another tutorial and scrap this one. :(

[@thiagomoraes791]

thanks broh

[@dcode-software]

All good 😎👍

[@johanjohn9116]

can u pls tell me how to fix it

[@rajeshpoddar5763]

please make video on cumtom video player or styling video player

[@GamingTSH]

Programming By TSH ---- This channel is so good too

[@biLLie_wiLLie]

good video! I like you do something simple with js classes)

[@GamingTSH]

Programming By TSH ---- This channel is so good too

[@_rkomi_1373]

how can i flip it?

[@umadevu5366]

very useful video,; subscribed the channel too :)

[@a99986]

6:43

[@thechoosen4240]

Good job bro JESUS IS COMING SOON;PREPARE

[@TheMonster50]

when I add a link to the images it screws up the whole layout.

[@omokaroelliot1942]

please how do i add text to the image