CSS 3 Responsive Masonry Portfolio Using Grid | Responsive Designes

[@oestourodaboiada-br]

nice touch I was wondering how to do the different sizes of the photos, the idea of using child made so much sense, thanks for that

[@fullyworldwebtutorials]

Is this shit for you?

[@fullyworldwebtutorials]

What worked?

[@TefkrosAirliner]

The best tutorial for this topic, by far

[@IamPetrus]

Hey FWT, thank you for this. Now next step will be to make this portfolio mixing video and pictures with different aspect ratios. Any suggestions?

[@fullyworldwebtutorials]

Nice idea, sure I will create this also

[@IamPetrus]

@@fullyworldwebtutorials I have tried starting with this tuto of yours. After a whole morning I've decided to start it from scratch

[@pritipatel1897]

thank you so much . it help me a lot

[@fullyworldwebtutorials]

You are welcome 🙂

[@azismaulana4303]

thank you very much Fullyworld Web Tutorials, this channel really helped me solve my problem

[@fullyworldwebtutorials]

You are welcome ☺️

[@TheJurciks]

Thanks a lot dude, this really helped me out.

[@fullyworldwebtutorials]

Welcome bro 😁

[@Abbas_Ali_Kazmi]

Thanks what if i want to add text overlay on each image? Please help

[@unrank3d136]

Tanks a lot brother. I'm making a portfolio for my girlfriend, photographer and i'm thinking how to make grid programmatically. U help my work done.

[@fullyworldwebtutorials]

you are welcome bro :)

[@PutolevePetitliph]

@@fullyworldwebtutorials You did't answer the question

[@fullyworldwebtutorials]

Which?

[@forhadahmed9109]

Thanks 🙏 for this tuts

[@stormgalvez6001]

hello the source file doesnt work

[@daryllemans9473]

No, I will not press allow and you shouldn't try and make me. Nice video.

[@fullyworldwebtutorials]

Thanks

[@viniciogarciaarellano7945]

Thanks for your videos they are excellent. Please files, the link does not work.

[@fullyworldwebtutorials]

Ok no worries I will update links in description with in few hours

[@viniciogarciaarellano7945]

@@fullyworldwebtutorials Thanks mi hermano!!

[@rlara5]

YOU ARE A LEGEND!

[@febybasilthankachan761]

Hey I want to change mobile view of this grid into image slider not scrolling down ,how can I do that

[@fullyworldwebtutorials]

make sure you have removed overflow:hidden

[@luckydayzs9296]

How do I fix for my images to be different sizes like shown.. mine turned out all the same square size..

[@fullyworldwebtutorials]

I used images of different sizes

[@kalitbh5250]

This is awesome bro ...can you pls I pls the source code ? the one at your description isn’t working

[@fullyworldwebtutorials]

I will update the code link

[@yogeshkumar-bc7qz]

how to set image size my image is to big

[@fullyworldwebtutorials]

Just set image width and height with css as 100%

[@cocassemtb-io8hf]

i love you so much man :'( thank you !!!!

[@fullyworldwebtutorials]

You are welcome 🙂

[@rabfitra9127]

Awesome, nice job !! but i cannot understand the function of nth-child and the grid-row or column-start !! XD

[@fullyworldwebtutorials]

Nth child is used to access the particular element and grid row is make to make the rows and column start means how the column will me started what will be the element

[@rabfitra9127]

@@fullyworldwebtutorials oh thank you for your reply. i tried to change the numbers in the grid-row-start span 3 and i can see the difference, it seems like a puzzle :D The only doubt thant i still have is when you use (5n6), what do you mean by this numbers between brackets ?

[@baliyachtservices7505]

Cool, thanks! Followed

[@beingunstoppable.]

my paragraph are not get in center plz help

[@jorchyr]

source file link not working! :_(

[@antoniogabrieldumitrascu7020]

how can put a background image ?

[@fullyworldwebtutorials]

Why you need background image?

[@favourz1]

The WhatsApp group link was reset

[@motography27]

This is really helpful bro❤️🔥💯

[@fullyworldwebtutorials]

Thanks 😊

[@rehanpangg]

thanks a lot man!!

[@cervitillocedrickacarlad.4884]

this is awesome!! thanks

[@fullyworldwebtutorials]

You are welcome

[@BigDaveCz]

Thank you "!"

[@fullyworldwebtutorials]

You are welcome

[@SandroGiambra]

this page is really a good idea ... too bad that the link does not work

[@souviknag]

Loved it!!!

[@almirabulan8231]

Thank you!! It helped me a lot 🙏

[@fullyworldwebtutorials]

You're welcome!

[@harshitasalian]

my css isnt working

[@RahulGupta-gh8zb]

Thanks 😊

[@fullyworldwebtutorials]

You're welcome!

[@mrkumar2175]

Hi buddy, your url says " Your requested URL has been blocked as per the directions received from Department of Telecommunications, Government of India. Please contact administrator for more information

[@fullyworldwebtutorials]

Oh sorry that is because of ads website, i will upload the drive link

[@mrkumar2175]

@@fullyworldwebtutorials It will help your viewers for sure but by when you can add to google drive ?

[@tugrulkomurkara3963]

Thank you bebeğim. Ellerine sağlık :)

[@hiwayshoes]

Thank you for this wonderful tutorial! Please continue your excellent work... Cheers!

[@fullyworldwebtutorials]

Thanks

[@ikazak]

thanks for video!

[@fullyworldwebtutorials]

Welcome

[@mrkumar2175]

Also your whatspp link not valid

[@thebuildguy7]

Is the link to the code working? I think its not!

[@fullyworldwebtutorials]

The link is working bro

[@karthikraju6225]

Thanks a lot!

[@fullyworldwebtutorials]

Welcome

[@henilshah.]

your source file link is not working btw it's osum thx dude...;)

[@fullyworldwebtutorials]

Oh sorry I will update the link, sorry for inconvenience

[@Adelle-y6x]

I appreciate your help but do you have to upload the source code to a cancerous site? I can't even get past the fake adfly page but i believe that was your intention, to get the same person to click on it hundreds of time before they can luckily get out of that page

[@fullyworldwebtutorials]

Thank you for the information of this issue I will update the source coe link soon

[@da2696]

Why is every body using so much Div ?, this dident help me at all! Honestly thx any way for tip!

[@dundiramesh4086]

source file

[@fullyworldwebtutorials]

Please check video description

[@dundiramesh4086]

@@fullyworldwebtutorials it is not working

[@11valdano]

@@dundiramesh4086 go fuck yourself