never seen a video so short,concise and straight to the point like this ever .Thank You!!
@bopatzable Жыл бұрын
fully agree. this video is really helpful.
@raves_r31772 жыл бұрын
I dont usually leave a comment but I feel like I have to in this video because you have helped me a lot. I have a web design project due a few days from now but I have no idea how to do a full screen image. You sir, just saved my grade. Thank you very much for this video and for the patience of explaining what a "vh" is. Your quality of teaching and content is worth a million subs. Again, thank you very much. Subscribed.
@cemeygimedia2 жыл бұрын
Glad I could help! Thank you for your nice thoughts 👍
@worldlyjourney2 жыл бұрын
You are right. After watching this video, I decided to watch another video from a different KZbinr to compare the. Explanation. But I came back to this account to watch all his videos. You explain things in a simple and meaningful way. It Is hard for me to leave a comment but today I did
@LisekGG2 жыл бұрын
Pro tip: If you want the image to be centered vertically and horizontally add line: *background-position: center center;*
@memylaptopandblitz73382 жыл бұрын
cheers buddy thx 4 that
@jirehcruz196 Жыл бұрын
omg thank uuuu
@LisekGG Жыл бұрын
You're welcome :D
@codesaif8075 Жыл бұрын
thanks dude you saved me
@LisekGG Жыл бұрын
@@codesaif8075 Happy to help 😅
@nataliestepp5916 Жыл бұрын
I've been struggling for 2 hours trying to research how to do this! Thank you so much for posting this!
@Disciple1963 Жыл бұрын
As a non-native English speaker I'd like to point out your great English pronunciation and thanks a million for it! And also thanks a lot for extremily clear explanation of the subject! Like and subscribe!
@clauclaudia6855 Жыл бұрын
Wowww, thanks a lot , I had around 5h watching videos and I didn't manage to change the size of the img, and with 5 min your video I manage to do it XD, great explanation!!
@IeahIsHere Жыл бұрын
Omg THANK YOU SO MUCH MAN! I have a project and the background image was irritating me 😭 you are a life saver, you earned a sub!
@seandorig195510 ай бұрын
Thank me later! (I know is pissing when someone doesnt put the code in description so i made here just copy it :D ) { margin: 0; padding: 0; } .background-image { background-image: "source"; background-size: cover; background-repeat: no-repeat; width: 200px; height: 100vh; }
@alizabatool1928 Жыл бұрын
i never understood from yt how to adjUst bgimg not even commented on someone channels but i make it easy sir THANK YOU SIR! LOTS OF BLESSINGS FOR YOY SIR FROM PAKISTAN !
@vkmuffins Жыл бұрын
My head was about to burst until I found ur video 😖😖 Thanks thanks thanks a million times !!!!!!
@feality8697 Жыл бұрын
This guy is the key! This is what I was looking for! straight to the point
@thebrainykids Жыл бұрын
absolutely!
@JenniferPerez-no7ih Жыл бұрын
Hi cem, from London, I must said that i start doing a webite, and i was struggling to find out how to cover the full page of the background with an Img, and your video just fixed my problems!!! Thank you :)
@ananyamitra8717 Жыл бұрын
I don't usually leave any comment but had to say this....thank you so much u made the perfect time saving straight to the point video ❤️
@thebrainykids Жыл бұрын
Exceptional Turkish accent. Lovely. Thanks for this !!!
@Memes4eva_4u Жыл бұрын
the other vids had repeating background. THIS IS PERFECT! tysm!
@francesshakinahtinarimas5232 жыл бұрын
This help me a lot for my pt. Thank you so much for sharing this!
@smileplease94502 жыл бұрын
Hii My name is John from India Can we be friends ?
@kamalkishor88122 жыл бұрын
@@smileplease9450 ya why not
@dicksontindi31862 жыл бұрын
mudala this is one of those wonderful and helpful tutorials online..iyi yeve mwachaya bigge..keep it up.
@Chiby Жыл бұрын
Thanks man you just solved a 3days problem for me under 5mins
@abbosshodiev1699 Жыл бұрын
Straight-to-the-point tutorial. Good job!
@sonubhardwaj9284 Жыл бұрын
finally in this video i get that individually div tag has no height and width thank you.
@mikson6905 Жыл бұрын
Thank you mister Cem Eygi, you saved my life
@mrssai23382 жыл бұрын
I liked the way you explained, esp. viewport part...Great!!! subscribed already!
@cemeygimedia2 жыл бұрын
Awesome, thank you! 👍
@treazz68682 жыл бұрын
Çok yardımcı oldun reis. Abimsin sevgiler...
@Filderson2 ай бұрын
Thanks bro I have struggled for 2wks thanks 👍
@codegen2.O Жыл бұрын
Short, simple and to the point. Thanks!
@onyegbulegodson1682 жыл бұрын
Thank you man This took me hours to figure out
@boriztsuyoshi9480 Жыл бұрын
Thank you i was searching for this syntax for like forever
@aquagamer3525 ай бұрын
Thank you so much, i really hope this works, i have high hopes, anyways thanks for the tuto! nice explaination and everything!! :DDD
@katta21162 жыл бұрын
I have a question about it. When you went to mobile size, the image was showing just half. how to avoid it? like have it appear the same irrespective of whatever size the screen is?
@kennedyjunior56712 күн бұрын
SHORT AND CONCISE VIDEO.THANKS DO MORE VIDEOS
@dandi24822 жыл бұрын
thank you!! everything is sooo clear, love ya
@fighter8931 Жыл бұрын
I solved my problem from your video. thanks a lot
@krishnabhat93072 жыл бұрын
thanks man you saved me:) I have a major project presentation tomorrow thanks❤❤
@matthewbarhou Жыл бұрын
How do I add text over the image? My h1 and p elements show text but they have a white background taking up the screen horizontally
@fitzysbaby26772 жыл бұрын
thanks, i was using a different method which didnt like extending the image height wise, this is perfect !
@edikandesolution Жыл бұрын
I have problem with video link . When I copied it and run . It refuse to work. I need your help
@jayeshgaikwad33732 жыл бұрын
Thank you man .. Really needed that one... Please make more n more....
@veyselaksoy3470 Жыл бұрын
Thank you. your English is so clear
@rome.u2 жыл бұрын
Very helpful. I needed this because when I add a background image it will stretch out and make the picture low quality and it's ugly to look at. Thnaks!
@rome.u2 жыл бұрын
I finally figured it out. At first watching this vid it still doesnt fit. I put custom photo as background that I made on my phone. I found the problem was the size of it. Now I tried it again on another photo that I get on google and it fit. The photo was not blurred and is very responsive. Thanks again. I just watch this vid again just now.
@SampaChileshe-ox1jhАй бұрын
Wonderfull explanation 👏👏👏
@anniemeenie Жыл бұрын
Thank you this was so concise and well explained!! You saved me so much time
@baryalaiahmad25682 жыл бұрын
Best way of teaching,thanks.
@Crosbyte2 жыл бұрын
Yup, imma just say that you're awesome teacher. Keep it going, subscribed!
@RK93838Ай бұрын
Thanks.your video is very helpful in my moment 😅
@fedeb22412 жыл бұрын
Just what i was looking for, thanks!
@makechallengeseasy6225 Жыл бұрын
Thank you so much dear you solved my very big problem
@gunturmaulana69566 ай бұрын
thankyou so much mate:) it work
@filmbricks-stopmotion Жыл бұрын
Tysm, this helped me so much more my project.
@krrish7508 Жыл бұрын
Worked for me, thanks a lot!
@bahauddinchishte2 жыл бұрын
This saves my day, Thanks a lot!
@Duelweb Жыл бұрын
This was a life saver!!! Thanks!! However, the image is not responsive ?
@danielroach10192 жыл бұрын
How do you make it so text actually goes on top of the image though, instead of below it.
@silentt21432 жыл бұрын
Instead of the div class, write the background-image, background-size, background-repeat, and height properties within your CSS body tag.
@dawnstar242 жыл бұрын
For hero image or likes, make a div, name it parent div, set it's position to relative, add any text tag and another div inside it which will contain our image. Set the image div to its maximum height and width which will be the size of the parent div and also make the position of image div to absolute, this way your text will be in middle. And you can align it using flex. Or set your text tag to absolute so you can use float or any property to set it's position. Though it's not responsive in this case so I don't really recommend it.
@MattiBoustedt Жыл бұрын
Thank you! Saved me!
@criptodude18732 жыл бұрын
Helped me out a lot. Thanks buddy.
@sdmusiclive Жыл бұрын
I am just learning to build websites. Your video was very insightful. I have downloaded Atom for html. Is this a good product?
@daane99610 ай бұрын
VPCE É UM DEUS!!! VOU LEMBRAR DE VOCE SEMPRE QUE FOR DORMIR, ORBIAGDA!!!
@Andyiinho2 жыл бұрын
Thanks, mate! This helped a lot, cheers
@STEV_-6 ай бұрын
thank you for the knowledge🙏🙏🙏
@rahatshahid10 Жыл бұрын
Thank you. It helped me a lot 😀
@_Elrz2 жыл бұрын
When i put vh...image will not be display why please help me?
@irinamihai86452 жыл бұрын
what editor are you using?
@joshuaola-oluwa77772 жыл бұрын
Thanks for explaining well but what if i want to put the image in the body tag
@Restin_J_face2 жыл бұрын
Does it matter if the style is defined within or ?
@user-qb1sc3vx4e2 жыл бұрын
I usually write style in body section , but the most acceptable way is to write to special folder like main.css after that you should add the link to the html project
@siegfriedcrypto2 жыл бұрын
Great stuff. Thanks.
@kiranshinde032 жыл бұрын
A very big thank you sir...😍😊🙏
@shubhransubiswal51822 жыл бұрын
Ur the best dude keep it up👍
@Mroggg2 жыл бұрын
How can I insert a text on it and change the opcity of the background without affects the text?
@jackmaddigan2 жыл бұрын
Thanks! very well explained :)
@quantumworld854 Жыл бұрын
great wee video - help me lots. thank you very much
@strycinek Жыл бұрын
Thanks man. It was very helpful
@user-qb1sc3vx4e2 жыл бұрын
You created a new div after that you wrote there , what about writing them in body section like body {}
@Cocolemon-pk6on Жыл бұрын
this didnt work for me idk why. how can you add this to a style sheet instead? It's like nothing happened. No image shows up at all. I already had some elements on my website done though.
@redigirma Жыл бұрын
loved it, thanks!
@overdrive1128 ай бұрын
already the first step with the link wont work for me
@andrewdavidov56182 жыл бұрын
Wow Awesome! Thanks a bunch!
@VIKASSHARMA-le2cj Жыл бұрын
Thank you so much. It works very well..
@FrannKavila Жыл бұрын
Thank you. Is it necessary to put the width and height first? Why not go directly to?: background-size: cover; background-repeat: no-repeat; height: 100vh;?
@user-ms7dy1gm9m2 жыл бұрын
thanku now i learn how to do
@indranilgoswami15008 ай бұрын
Thanks sir ..It helped me alot .
@jeremyickes56992 жыл бұрын
Thank you. This helped me a lot
@ronitbhatia12982 жыл бұрын
Thank You for the tutorial...🙂
@rapify0 Жыл бұрын
this is useless, whats the point of adding a background image when we cant add anyother element on top of it
@enryu97249 ай бұрын
Thanks for the explication
@alan614 Жыл бұрын
Solid!
@DinithG10082 жыл бұрын
Thanks.worked for me.!
@zuhaibulhassan.2 жыл бұрын
Thank You so much man very helpful video 100% recommended video concise and straight to the point
@themichael8767 Жыл бұрын
Thank You very much, Sir!)
@barcalona552 жыл бұрын
wow you explained it so well
@footballforever45112 жыл бұрын
Thank you bro
@footballforever45112 жыл бұрын
You are best
@all-rounder0777 Жыл бұрын
Thanks sir this is very useful video
@iamyou65552 жыл бұрын
You are a saviour!
@GH-ci2ze3 ай бұрын
THANKS MAN A LOTTTT
@dxdworld36662 жыл бұрын
thanks at this time
@ballagaurav53702 жыл бұрын
thanks sir you solved my problem thanks a lot.
@kavishkahenderson59062 жыл бұрын
thannks brother you help me to fix this thanks again ;)
@mariomeza3514 Жыл бұрын
Thank you very much sir
@elgunmhrrmov7672 Жыл бұрын
Çok teşekkür ederim Cem bey.
@Islamic_Stress_Free10 ай бұрын
I have placed Image on full background Now want to place text on bottom of Image and the text is displayed not in center but leaving too much space from left I cant fix it now I selected many attributes and different values what SHOULD I DO NEXT HELP ME🤥☹😭