Thank you thank you thank you. You have no idea how much this video has impacted me right here. I took a web dev course on udemy, feeling really comfortable with some little app there and then being hand held by the instructor. Then I went on to replicate a site as a practice on my own without any help and bam, I can't even get the elements to line up together. I almost cried and gave up everything all together after reading the documentation and but still not understanding why things aren't working. I was on the verge of tears and then this video solved my problem. I just really want to say thank you from the bottom of my heart. I know this video just explains what seems like a really simple premise to you but for me it made a world difference.
Man, the amazing thing is that you explained positioning so simply based on practical doubts every beginner has. Every other tutor on this subject describes positioning with no empathy.
Thank you! I am doing web development for a summer project and I often get hung up with CSS doing things I'm not sure why. This video helped, and I'm looking forward to the rest!
Thank you!!!!! You have explained this perfectly!!! Made it so simple to understand!! I was ready to throw my laptop under a car I was getting so frustrated with block-sizing and positioning!!!
this is the best tutorial i've seen so far, all your tutorials are simple, easy to understand and effective specially for us beginners in web dev. cheers, insta sub..
One of the best channels ever on TH-cam. Loving every bit. How do you reload all the changes in real time... looks like you are using a server. Can you show us how to do it??
this is wicked! got it in a second, much better than scratching my head on codecademy and reading the explanation over and over again. but codecademy is still good for the practice though. I love your tutorials and how you get to the basic fundamentals. subscribed 🤓
Are anchor elements the only elements that are inline by default? Great video btw, as already said one of the most clear explanations of this I've heard
hey mate i juste discovered your channel and I really like the way you explain things i've learned many things thanks to this playlist ( positioning ) well done your dropped some mad knowledge over there +1sub
Thank you for an excellent demonstration! can I just ask, why when I added to one of the and created #only_block_this{ display:block; } it did not work? Im new with the selector behaviour so Im thinking maybe its just on my machine. :)
Hi @TheNetNinja how can you select the elements's border, without write border in the css, in the preview page? ps. Your video is really good, thank you! I love also the ninja-cat effets! XD
Is the live preview/ live selection only available for Brackets? Or is it possible to do it with Atom? (like selecting different elements and the browser showing which one is selected). Thanks!
Hey master, I think you once showed us how to prevent margins from collapsing. I can't remember the vid your tip was in, could you give me the link of the video or explain it to me ?
a, p{ margin-right: 0px; background: red; border: 2px solid red; display: inline-block; } even with these CSS settings, there is a little space between the two p inline-block(I am sure it is not the right margin because its value is 0 in the inspection window). How can I remove that space and what is it?
Thank you thank you thank you. You have no idea how much this video has impacted me right here. I took a web dev course on udemy, feeling really comfortable with some little app there and then being hand held by the instructor.
Then I went on to replicate a site as a practice on my own without any help and bam, I can't even get the elements to line up together. I almost cried and gave up everything all together after reading the documentation and but still not understanding why things aren't working.
I was on the verge of tears and then this video solved my problem.
I just really want to say thank you from the bottom of my heart. I know this video just explains what seems like a really simple premise to you but for me it made a world difference.
Same story mate (y). Thanks to the The Net Ninja.
Sort of the same thing here for my IST assessment.
you've distilled many hours from other videos into 5 minutes of gold.
Man, the amazing thing is that you explained positioning so simply based on practical doubts every beginner has. Every other tutor on this subject describes positioning with no empathy.
You should get an award for this content
Litterly no one talked about css like this in a TH-cam video
Thanks you so much broooo
Thank you! I am doing web development for a summer project and I often get hung up with CSS doing things I'm not sure why. This video helped, and I'm looking forward to the rest!
best explanation i've had on this, thanks man!
+dotunn Cheers man, glad you like :)
+The Net Ninja I was wondering do you have a video on divs to make layouts? I'm a newbie coder so...Thanks.
There are channels I am indebted for my life, the neso academy, the new boston and now this
Thank you!!!!! You have explained this perfectly!!! Made it so simple to understand!! I was ready to throw my laptop under a car I was getting so frustrated with block-sizing and positioning!!!
Haha, really glad it helped :)
DUDE, THIS TUTORIAL WAS SO SIMPLE AND SO PERFECT! Thank you so much.
Ive been struggling with how to position my content and after watching this i feel relieved ... Thank you
That's better teaching than all the lecturers I know so far.
Fantastic reviewing content. I teach Web Design and my "Advanced" students need to watch these to brush up. Thanks.
I hope they can find some use in them :)
ThIS IS AWESOME
I wish! :D
*In two words: Just Awesome! Thanks man!*
this is the best tutorial i've seen so far, all your tutorials are simple, easy to understand and effective specially for us beginners in web dev. cheers, insta sub..
The content is on another level !
but, man , I gotta say ur accent is so cool.
yeah killer accent...
Best explanation I have seen so far! Thanks mate.
Shaun awesome videos! Keep going. This is the best explanation of the box model i have ever had.
You are a legend, mate. Greetings from Argentina.
Couldn't be more clear, thanks! Just subscribed!
May god bless you my brother. It so helpful. I struggling with css and this help me a lot 🙏🏻🙏🏻🙏🏻
Top top explanation. I did TreeHouse, Udemy this and that and now I only watching you and doing FreeCodeCamp..............
Thanks Michael :)
This video is well made in explaining about this topic, good job!
One of the best channels ever on TH-cam. Loving every bit.
How do you reload all the changes in real time... looks like you are using a server. Can you show us how to do it??
sir, your tutorials are best... RESPECT!!!
Awesome now only I understood Difference between block and inline-block
what is the difference I don't understand yet
Really great videos. Literally the best I've seen. You've taught me so much! That said, the graphic for the box model was very confusing.
Nice video and very excellent series
good thing that you are using the _live preview_
Thank you very very much, NET NINJA. Thank YOU so much. I appreciate every ounce of your work on this subject matter.
Very Nice and has made me clear about box model. Thanks a lot.
this is wicked! got it in a second, much better than scratching my head on codecademy and reading the explanation over and over again. but codecademy is still good for the practice though. I love your tutorials and how you get to the basic fundamentals. subscribed 🤓
Awesome, thanks :)
Thank you! One of my good channels to follow for web dev :)
You are really a ninja haha
Are anchor elements the only elements that are inline by default?
Great video btw, as already said one of the most clear explanations of this I've heard
Cool! Thanks for this awesome tutorial!
i can say this "Excellent" || "WOW" and thanks.
Thanks :)
hey mate i juste discovered your channel and I really like the way you explain things i've learned many things thanks to this playlist ( positioning ) well done your dropped some mad knowledge over there +1sub
Thanks so much :)
@@NetNinja keep it up bro you'll get more views and subs 🙏🙏
Very nice Tutorial , Thanks a ton
Wow.. you cleared my head thank you.
Very informal, helped me alot! Thanks a ton!!!!
Excellent and clear! Thank you!!!
going through all of these today, thanks :)
Thank you! Well explained!
Thanks Harri, hope it was helpful :)
Amazing, thank you so much!!!
Thank you :)
This is awesome!~
Thank you for an excellent demonstration! can I just ask, why when I added to one of the and created #only_block_this{ display:block; } it did not work? Im new with the selector behaviour so Im thinking maybe its just on my machine. :)
wow good job sir thank you very much :)
Thank you for your videos sensei. Question: how did take a width value in '%'. How did the width take a %value without html or body's width declared ?
good one man !!
obssesed with your videos
Definitely. Guess you were here from HTML->CSS series. Me too, progressing towards JS.
That was awesome-thanks.
:D. Thanks.
This is great! Subscribing!
+Tsu Kun Thanks :D
Thank you.
Hi @TheNetNinja how can you select the elements's border, without write border in the css, in the preview page? ps. Your video is really good, thank you! I love also the ninja-cat effets! XD
you beauty, it is gold, Thank you
Awesome, glad it's helpful :)
Tnhx! Clear explonation!
Is the live preview/ live selection only available for Brackets? Or is it possible to do it with Atom? (like selecting different elements and the browser showing which one is selected). Thanks!
Awesome
Hey master, I think you once showed us how to prevent margins from collapsing. I can't remember the vid your tip was in, could you give me the link of the video or explain it to me ?
Hey... I think it may have been this video - th-cam.com/video/nE9lIRbIfI0/w-d-xo.html :)
thanks ninja
what are your extensions that make blocks visible?
awesome
Hi. Good video. I have been playing with this but i still find that all of the elements margins still overlap
a, p{
margin-right: 0px;
background: red;
border: 2px solid red;
display: inline-block;
}
even with these CSS settings, there is a little space between the two p inline-block(I am sure it is not the right margin because its value is 0 in the inspection window). How can I remove that space and what is it?
Came to polish css🙂🙂❤ninja
nice
Good going...Can you please share the download link of your editor?
may god bless you
You are awesome
hello brother....
I didnt understand how your webpage work continously without refreshing on the browser ???
can you explain plz :) thank you
in 4m 08sec onwrads every frontend developers should listen
what is the software name ?
editor ??
The name of the text editor is Brackets.
What the hell is going on! Thank you dude!
Thank you.