its 3.42 am and i have watched about 30 videos to try to understand position property in css and this video cleared all my concepts, one of the best explanations of all.
I did not realise the deeply important implication of position properties: symmetrical vs asymmetrical layouts. The two examples you showed blew me away. Many thanks, bro.
Thank you and bless you. The coding was clear, concise, beginner-friendly, engaging, visual and broken down without highfalutin talk; I could code-along and still retain the information I was learning. You explained it much better than I've ever heard it explained. Please continue making approachable content for all learning levels, especially newbies. I really enjoyed this lesson. I am going to check out more of your videos now. Cheers.
Very clear and concise illustration. I watched tutorial on same topic from one of the best selling udemy paid course but this one seems more clear on just 15 mins. Thanks Joy. Grateful to have tutor like you.
JOY Thank you a lot !, I had have learned from your staff more and I think if you can make video about CSS measures especially VH,and VW it will be great. Thanks
Hello Joy, great video! I have some questions for you: 1) At 8:56 on relative vs absolute position, you move the pink box 100px left for the body but without stating the relative position to the parent. So by default it chooses the body or the parent of the element you used absolute? 2) How can you move two boxes relative to different parents? How can we distinguish the parent-child connection? (If you could make another video, taking the things you've created one step far would be great. Things like 3-4 boxes and move the two relative to different parents, making a sticky navbar etc.) 3) I didn't understand at the examples how sticky is used. In the editor sticky seems to do this thing. As long as the element is in the page it does nothing. When is about to 'leave' it stays fixed. But it never disappears. On the 3 examples the navbars are disappearing. What has to do with sticky?
You are a very good teacher! Well done! The LATORRE menu appearing and disappearing is very interesting. I can think of several ways to do it, but I'd like to see how YOU would do that...
In practical scenarios, I'd make a small component of that function, And reuse it on all 8 or 10 pages of the same website. Sure, I'll make a video on that in future if possible stay tuned 😉
@@JoyShaheb I'll be honest. I've always had problems with the position property. I thought I understood but was never sure. This video was the first explanation where I thought..."Yep, that's what I thought.' You made it SOOO clear!
Hey Bro, love from Nepal..... One suggestion bro, can you bring a whole playlist of css with different topics or a single video with almost all topics?
its 3.42 am and i have watched about 30 videos to try to understand position property in css and this video cleared all my concepts, one of the best explanations of all.
Awesome👌 Need JavaScript Full Course Tutorial for Beginners 🙏🏻
I did not realise the deeply important implication of position properties: symmetrical vs asymmetrical layouts. The two examples you showed blew me away. Many thanks, bro.
One of best tutorials I have watched about positioning . Please bring more tutorials.
Incredible video, couldn't have asked for more. Thank you!
Thank you and bless you. The coding was clear, concise, beginner-friendly, engaging, visual and broken down without highfalutin talk; I could code-along and still retain the information I was learning. You explained it much better than I've ever heard it explained. Please continue making approachable content for all learning levels, especially newbies. I really enjoyed this lesson. I am going to check out more of your videos now. Cheers.
Man you are the best when it comes to explanation plus the examples make it easy to grasp the concept. Thank you
You explain so well. Thank you
Finally understood the concept. Thank you for such an amazing explanation!
Very clear and concise illustration. I watched tutorial on same topic from one of the best selling udemy paid course but this one seems more clear on just 15 mins.
Thanks Joy.
Grateful to have tutor like you.
best CSS position property on you tube
all my doubts and confusion about position property are cleared.Thanks BRO.
thank you sir Joy save more time than reading
Thank you for this short yet 100% comprehensive course! If I may suggest a topic: css display (flex, grid, inline, block, etc). Cheers!
Thanks, man. Now I can use the position property properly.
Best video for the position properties.
I like your enthusiasm. Thanks for your help. I am watching your videos since yesterday.
Very good! The simple examples made me finally understand it. Thank you, and keep the nice job on!
really helpful sir... thanks
JOY Thank you a lot !, I had have learned from your staff more and I think if you can make video about CSS measures especially VH,and VW it will be great. Thanks
Very impressive..
Sir you told us, you will upload Total 8 pages website.. I am waiting for that.. I love youe teaching style..
great tutorial to learn postioning in css
Awesome tutorial.. please make more videos based on this type where you explain every properties
Who’s the Daddy, baby? Knowing that helps us move through life, and CSS too apparently :)
Great explanation 🙌
God bless you for this 🙏
Hello Joy, great video! I have some questions for you:
1) At 8:56 on relative vs absolute position, you move the pink box 100px left for the body but without stating the relative position to the parent. So by default it chooses the body or the parent of the element you used absolute?
2) How can you move two boxes relative to different parents? How can we distinguish the parent-child connection? (If you could make another video, taking the things you've created one step far would be great. Things like 3-4 boxes and move the two relative to different parents, making a sticky navbar etc.)
3) I didn't understand at the examples how sticky is used. In the editor sticky seems to do this thing. As long as the element is in the page it does nothing. When is about to 'leave' it stays fixed. But it never disappears. On the 3 examples the navbars are disappearing. What has to do with sticky?
1) When an absolute element doesn't have a positioned ancestor it considers the document body.
Thank you
fantastic presentation
This was a great explanation. Thank you
Awesome tutorial! you are an outstanding teacher. Thank you!
God bless you brother ❤️🔥.
Great video 🔥❤️.
Do you do live tutorials? I'm in Ghana and love how you teach
You got a Subscriber!
You are a very good teacher! Well done! The LATORRE menu appearing and disappearing is very interesting. I can think of several ways to do it, but I'd like to see how YOU would do that...
In practical scenarios, I'd make a small component of that function, And reuse it on all 8 or 10 pages of the same website.
Sure, I'll make a video on that in future if possible stay tuned 😉
@@JoyShaheb Sold! I don’t subscribe easily, but you got my subscription!
@@djtootone I'm glad you loved my contents 🥰
@@JoyShaheb I'll be honest. I've always had problems with the position property. I thought I understood but was never sure. This video was the first explanation where I thought..."Yep, that's what I thought.' You made it SOOO clear!
@@djtootone I'm glad to hear your success story, 😄 ❤
Thanks for this!
Proud of you.
Thank you Sir
Proud of you brother
The question I always had is why would you need relative if it is already a child. But I can see now :)
Hi your teaching well and Good!
bootstrap 4 complete tutorial please upload.
Incoming, stay tuned 😁
Cool
good
For mentorship visit : www.mentorlabs.academy/
Can someone tell me what software is he using ?
Hi sir, how do you create those images like cat...
Its will be a much better if you dont show up on tutorials, use more of animations and coding
Just an suggestion ❤️
Hey Bro, love from Nepal..... One suggestion bro, can you bring a whole playlist of css with different topics or a single video with almost all topics?
Sure bro, at the moment I'm building playlist on css, javascript and figma. Stay tuned 😉
@@JoyShaheb looking forward from you.... Hope you will improve my css a lot.
@@JoyShaheb please don't use SCSS for this Tutorials. Beginners get scared when they see SCSS when what they want to learn is CSS.
Figma tutorial 🙂
Will be uploaded in a week. Stay tuned 😅
I've uploaded the design on the community tab. You can check that out 😁
@@JoyShaheb thanks for that
Over here 😂😂😂