00:03 CSS styling is essential for web design. 02:33 Learn to link CSS file with HTML file and avoid common mistakes in coding 06:57 CSS targeting with ID and classes 12:16 Understanding percentages and measurements in CSS 16:49 Understanding the concept of positioning and spacing in CSS. 21:29 Mastering background size and position in CSS. 24:26 Position absolute makes an element's position absolute, it rises up and leaves its place empty. 26:23 Understanding position relative 29:17 Understanding CSS positioning 32:30 Understanding relative and absolute positioning in CSS. 36:06 Understanding flex box and its properties 38:49 Use display flex for parent and justify content for alignment.
Bro, this is exactly what we've been searching for. I'm quite certain that it would be extremely difficult to find this teaching approach in any colleges in India. That might be one of the reasons why engineers have to resort to learning from RUclips. However, for someone like us who haven't attended any engineering college and aspire to build a career in Front-end Development, you are a blessing. Guys, I strongly recommend taking a comprehensive course from Code with Harry or Anuj bhaiya first, and then using this course as a refresher. It will help clarify any doubts you may have and enable you to create impressive projects in the long run.
I have seen soo many content from big youtubers.... But it always left me confused abt the position property.... But the way you taught at the end...position absolute and position relative... I dont think i can ever forget it now........❤thank you so much Please sir give us full content... Dont give only limited content.... I also stay confused abt the ...align content...align self ... Please teach us everything sir... The way you teach is the best i have seen in all youtube❤
Hello guys , I myself a frontend developer but I was searching for some basic designing videos as mostly design part is done by designer in companies , i was searching for vidoes and landed here and the way he explained this is very impressive , See the virtual learning keep its snapshot on our brain and you will remember that car example in future as well. I am very proud that in our country we have so much good people who are teaching IT related stuff for free to many people around the world specially for countries who can understand Hindi in south asia. We are blessed to have such people in our nation. Keep doing good work.
Trust me koi nhi hai RUclips pai yitna clear concepts samjhany wala and i have a humble request to you please ye flow constant rakhna huge subscriber's aany ke baad bhi at this time I have no feedback for you everything is perfect
Needed a CSS refresher...and stumbled upon this. Never been so grateful to the alogrithm. You teach and converse like a big brother truly, making us fully comfortable. The way you used props and constructed examples on screen shows your prowess on the topics. You have a gift of explaining things in simple terms. Thank you.
@Sheryians Sir, your RUclips tutorials on HTML and CSS are absolutely top-notch! Your teaching style is clear, concise, and easy to follow, making it a breeze to learn these essential web development skills. Your dedication to providing high-quality content is truly appreciated, and I can't thank you enough for all the knowledge you've shared. Keep up the fantastic work, and know that your efforts have made a positive impact on countless learners like me. You're an invaluable resource for the coding community, and I'm looking forward to more amazing content from you. Kudos and endless appreciation for your exceptional contributions.
I have tried to understand the position and flexbox in CSS multiple times, tried different resources but I hadn't found any resource, teacher who have taught this way in such a fun and volcanic way that I understood these topics in just one watch of lectures. Also bhaiya this the second video of yours I'm watching since I discovered you on youtube and i have became your fan. You are a gem
Found this Channel Today and Just Completed this video which is " The Best Video For CSS " I have ever seen till now. Pls Upload more videos in this series.💯
@@BlitzVirtuoso style ke liye because html and css web design ke liye kaam aati h and Java script add karne ke baad vo usse development khte h isliye html and css me maths nhi hoti h shyd chota example kafi hoga mujhe bus itna hi pata h 🥲
Till the concept position, i was thinking this video is similar to other videos, but after the explanation of positioning concept it changed my thought.....❤
Sir aap ki padhane ka style lajawab hai aaj tak maine aisa teacher nahi dekha well performed sir aap jaise dedicated teacher ko Award milna chahiye and paid content ko free me share kar rahe hain mai kisi ke channel pe comment nahi karta but aap ki teaching dekh kar mai dil se comment kar raha hoon my allah bless you all thankyou so much bhaijaan keep uploading videos
I have practiced and worked on css position many times in my project but I never understood them, I read many blogs I watched many videos on this topic but my concept was never clear, I was a student of coding ninjas full-stack development course there I got many assignments about this topic but I cleared my concept for this topic only after this video. I subscribed this channel from last month and till then when I stuck in any topic related to html, css or js I just search any video from this channel and hopefully I clear my doubt. You are giving such a practical example that no one can forgot and this is the real practical way how one should understand coding. Eagerly waiting for your videos on topics like SCSS, React, and something like full-stack. thankYou for providing such high quality content.😄
Mere aakhon me aasu aagaye itna accha or clear-cut explanation dekhne ke baad. Agar apke jaisa teachers ho toh backbenchers bhi backbenches pr baitna pasand nhi krenge, damn sure.
Sala me css margin positioning ko kabse seekh raha hu dusre yt channels pr, lekin itna clarity explanation kisi bhi video me nhi he except apke. Bro you are like a life saver yrr 😇😇.
Harsh bhai that position absolute and relative Explanation OMG🤯 , man i remember when i started learning CSS how tough it was for me to understand and how much of a Road Block it was for me , and you explained it so easily this is why People say Indians are the best teachers 100k soon for the channel 💗
I watched videos with one million and two million views but didn't gain much from them; they were dull. As I scrolled down, I stumbled upon your video, and wow! Your teaching style is truly the most effective. I commend your hard work - you're the best teacher.
That was a great explanation where everyone just starts teaching using theory and imagination, you gave real demo, I am a non- IT guy, It will always remain in my mind. (This example) Thank you so much.
why is this tutorial soo relaxing and informative at the same time, something i havent seen before. Literally a work of art. You sir just got yourself a subscriber and student.
I live in the US, and I am in process of transitioning my career from finance to Tech, and I needed to learn basic web development, to prove that Software Engineering degree is the right choice for me. Previously started learning css, and java from else where on Udemy and RUclips, but it gave me burnout, that I started hating web dev all together. You ignited the fire of learning again, and continue fighting. I love your method of teaching, and now I feel like no one can teach me all what I need Css, JavaScript, Java, Python, but but you. I am now going to watch JavaScript video, and monitor if I am the right candidate. If this works out, I will be so grateful to you. I might need one on one class as well, because I like to ask questions while I work, this helps me to catch up language faster. Amazing way of teaching.
Highly recommend Sheryians Coding School.. Literally Mr. Harsh is amazing guy. He's teaching style is extra ordinary. I don't have the word to express my feelings about Mr. Harsh. Sir, You are doing a great Job, you are a hope for every financially weaker person, even every less grasping power person. Yaar, I'm genuinely fan to you Sir, Nobody can't make explain "Position Absolute & Relative" And "Flexbox" topics like you....I am commenting first time. after watching your many videos ....Hats off......... From Mohammad Nasir (Raipur Chhattisgarh)
what a content from the past 1 year I didn't get the concept of position absolute and relative and this guy in just a couple of minutes made me clear thanks 🙏🙏🙏🙏🙏
You got a new subscriber.. Nicely explained... Please make a full course easy and simple video for JS. Beginner... Thank you 🙏 Hit like if you guys also want a JS tutorial!!!
Dusare channel toh bs naam ke liye grow huye hai real mai dekha jaye to majburi mai kiye gaye hai subscribes se.... Pehale baki channel se video dekhane ke baad lagta tha kabhi website designing bana paunga ya nhi..... Aap ka channel dekhane ke baad sikhane ke baad 10x speed 🚄 se sikh raha hu coding mai intrest badh raha hai ❤️😀 responsive web design bana raha hu .... Attributes smjh aa rahe hai sb ke sab real mai kaise use karne hai pata chal raha hai ..... Aisa lag raha hai ki aap ne isse bahot deep mai khud se sikha hai bahot kuch experience le kr aur phir hame padha rahe ho 200% de rahe ho khud ka .. kahi pr paise de kr bhi nahi milate aise content.... Thank you for everything sir ❤️💞💕💓💗hats off ❤️
I totally believe that I'm gonna become a frontend developer because by watching your content just boosted my confidence, I'm the one who frequently shifts from one channel to another, but now I guess I'm gonna stick here , Huge Thanks for u sir ❤️✨
Mein pichle 5 dino se apka vdo dekh Raha hoon or av bina comment kiye bina raha nhi gya 😊..what a great explanation and great video by you 😊😊...isse phle html ki vdo dekha or v vdo dekha ...what a great video 😊😊
Bhai saab aj 3 sal ho gae ghanta smjh nahi aata tha flex box bs kam chal jata tha aj ek video me pura smjha diya bhaiya you are amazing mene aj tk kisi Chanel pr comment nahi kiya but apki sari videos pr krta hu love you 3000❤
This man deserves a million subscribers by the way sir make a complete playlist of html css and javascript or complete web development course i guarantee you it will be fantastic and helpul for many peoples. And your teaching inspires me to learn thanks ❤️
sir m last 3 year s web designing kr rii thi but stilll apki is vedio mere boht sare douts clear kiye and in this only one vedio mne kuch new bhi seekha jo mne 3 sal m nii seekha tha, Your work is really appricicating we will be support you and request you to continue this tutorial.
Sir,me k-bhi video ko comment nhi krta but aaaj na me video pause krke comment kr raha hu....jo bhi mera comment padh raha bhai sach me video dekh le ,Thank You so much sir❤
Just completed watching whole video That explanation of position properties and flex was insane The teaching style is really nice it keeps you engaging up with the video Refreshed my CSS learnings with this one video Thanks for bringing this up 🎉 Waiting for the final project 🎉🎉
Bhaiya I'm literally watching this at around 03:00AM, and didn't get bored even for 1 Minute. That's so refreshing for me and, greatly explained Content. Never thought ki CSS itna aasan hoga, I know this is just basics but still at least I start learning something new. Thank you so much for the Tutorial 🙌❤️
Me dusre channel ka name nhi leraha , vahase sikha Css ki playlist se flexbox , position etc but jo method me aapne sikhaya sir.... mind-blowing....life end tak ni bhulega me.....!!!! Maja aaya🍻😌(me chahta hu ke ye maja sabko mile😂❤) Kidding!!😵💫
I wish I could afford your offline complete web dev course! But anyways kudos to you! I've completed your portfolio clone website. Your teaching is amazing as always.
Could not stop myself commenting here! Really, the content you are providing is amazing. The way you explain things I am not from a CS background but the concepts in your video seems so simple that anybody can learn it. I appreciate it!!!
# NOTES 1) css - styling 2) making css file - open VS code -> tap ☰ -> file -> new file -> type style.css -> click on create file 3) understanding linking - a process of linking html file with css using . 4) css boilerplate - *{ margin: 0; padding: 0; box-sizing: border-box; } html,body{ width: 100%; height: 100%; } 5) understanding css writing way - target any tag, class or id. p { .a { #a { } } } 6) understanding css height and width - index.html style.css #main { width: 50%; height: 50%; background-color: black; } 7) understanding units, px and % - % - in case of screen portions (like 50%, which is equal to the half) px - like a dot, and fixed value (like 20 px) 8) understanding margins, padding - margins - the space outside an element or between two elements padding - the space or imaginary border inside an element * 9) understanding background image and things related to it - background-image: url(image_address); background-size: cover; background-position: top or center or bottom or in pixels; 10) understanding position absolute and relative - please refer video 11) understanding flexbox - please refer video
Harsh bhaiya never seen this much expertise in this field. You are really a great tutor. I have seen many tutorials on RUclips but your are exceptional . No competition on RUclips. 🎉
bhai ap ny position our flexbox k concept boht he zada bahtareen tariqeyh sy bata mai ny boht videos dekhi hn lakin the way you explain difficult concepts is mind-blowing ❤ love from pakistan
Sir, your way of teaching is very good. Especially the practical examples clear our concepts. Today I have cleared my Flexbox concept after a very long time.
And finally I can say code with Harry and sheriyans schools .. These only two can understand students feelings and make concept very easy to understand....thankfulll❤
bhaiya gajab kar diya .......loved it.....ispe maine pata ni kitni vedios dekhi thi pahle ....aapne ek vedio me saare concept clear kar diye........aap jaise bhaiya ko mera prana.....jay shree ram🙏❤
kya bat h sir ji ye jo flex box ar position jis tarike s samjhaya aapne bilkul chummeswar tha😘😘 itni video dekh liye the flex box or position p fir bhi confusion rhta tha pr ab nhi rhne wala dhanyawad..
That demo of positions and flexbox was the soul of this video..like seriously?????? How these 2 complex topics can be understood sooooo easily.. Thankssssssssssssssss!!!!!!!!!!!!!!!!!!!!!!!!!!! No ppt, animated video or fancy stuff can make these complex concepts easy . Thanks a lot Sheeriyans team! 🤩✨
I had no idea about the position absolute and flexbox worked like that. I followed up tutorials on youtube and never knew why they were used that way. Same with previous HTML video, had no idea about div, id and class and now i am very clear about it. Thank you so much!!! Once again: Justify-content for? WIDTH!! Align-items for? HEIGHT!!
Sir aap bhot accha pdhaate ho I m really happy with your teaching style..... I understand all the concepts very well.... U r the best teacher ever.... I really enjoy your all vedios....... 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻 Thankuuuuu soooo much sir..... Aap aise hi or vedios bnayiye hmare liye
bhai agar aise padhaoge toh kon nhi padhega ....so much love 💖💖
sahi kha bhai,
ab me anime ki jagah inki videos dekhta hu
🔥🔥🔥🔥🔥🔥🔥🔥
That car example for position was absolutely brilliant. Thank You.
00:03 CSS styling is essential for web design.
02:33 Learn to link CSS file with HTML file and avoid common mistakes in coding
06:57 CSS targeting with ID and classes
12:16 Understanding percentages and measurements in CSS
16:49 Understanding the concept of positioning and spacing in CSS.
21:29 Mastering background size and position in CSS.
24:26 Position absolute makes an element's position absolute, it rises up and leaves its place empty.
26:23 Understanding position relative
29:17 Understanding CSS positioning
32:30 Understanding relative and absolute positioning in CSS.
36:06 Understanding flex box and its properties
38:49 Use display flex for parent and justify content for alignment.
thanks bro
Bro, this is exactly what we've been searching for. I'm quite certain that it would be extremely difficult to find this teaching approach in any colleges in India. That might be one of the reasons why engineers have to resort to learning from RUclips. However, for someone like us who haven't attended any engineering college and aspire to build a career in Front-end Development, you are a blessing. Guys, I strongly recommend taking a comprehensive course from Code with Harry or Anuj bhaiya first, and then using this course as a refresher. It will help clarify any doubts you may have and enable you to create impressive projects in the long run.
Brothers. Subscribed your channel. please make such awesome videos.. I hope aap k videos dekh k m front end ko not perfect but achaa coding kar pau.
I have seen soo many content from big youtubers.... But it always left me confused abt the position property.... But the way you taught at the end...position absolute and position relative... I dont think i can ever forget it now........❤thank you so much
Please sir give us full content... Dont give only limited content.... I also stay confused abt the ...align content...align self ... Please teach us everything sir... The way you teach is the best i have seen in all youtube❤
The way he taught flexbox and position relative & absolute was the best I ever learn❤
i watched many many videos on css but i found this man this is literally a game changer love you sir from Pakistan
Me also from pakistan Love you sir g i am taking admission in BSCS hope your videos will help me
@@LuckiestKing5165Iam a computer science stuent class 11 from Pakistan Sir You are Best🥰🥰
@@iqragulbaloch Nice
@@iqragulbaloch Hope you will get success in your life in CS career
@@LuckiestKing5165 Insha Allah
Hello guys , I myself a frontend developer but I was searching for some basic designing videos as mostly design part is done by designer in companies , i was searching for vidoes and landed here and the way he explained this is very impressive , See the virtual learning keep its snapshot on our brain and you will remember that car example in future as well. I am very proud that in our country we have so much good people who are teaching IT related stuff for free to many people around the world specially for countries who can understand Hindi in south asia. We are blessed to have such people in our nation. Keep doing good work.
Trust me koi nhi hai RUclips pai yitna clear concepts samjhany wala and i have a humble request to you please ye flow constant rakhna huge subscriber's aany ke baad bhi at this time I have no feedback for you everything is perfect
Thanks Abhishek, there’s a lot to work for, there’s a lot prove, all glory to god 🙏🏻
Needed a CSS refresher...and stumbled upon this. Never been so grateful to the alogrithm. You teach and converse like a big brother truly, making us fully comfortable.
The way you used props and constructed examples on screen shows your prowess on the topics. You have a gift of explaining things in simple terms.
Thank you.
@Sheryians Sir, your RUclips tutorials on HTML and CSS are absolutely top-notch! Your teaching style is clear, concise, and easy to follow, making it a breeze to learn these essential web development skills. Your dedication to providing high-quality content is truly appreciated, and I can't thank you enough for all the knowledge you've shared. Keep up the fantastic work, and know that your efforts have made a positive impact on countless learners like me. You're an invaluable resource for the coding community, and I'm looking forward to more amazing content from you. Kudos and endless appreciation for your exceptional contributions.
This is the best way of teaching someone, everyone should appreciate him🎉🎉🎉🎉🎉👏👏👏👏👏👏👏👏👏👏👏👏👏👏
Top notch content from top notch man ❤
I have tried to understand the position and flexbox in CSS multiple times, tried different resources but I hadn't found any resource, teacher who have taught this way in such a fun and volcanic way that I understood these topics in just one watch of lectures. Also bhaiya this the second video of yours I'm watching since I discovered you on youtube and i have became your fan. You are a gem
Found this Channel Today and Just Completed this video which is " The Best Video For CSS " I have ever seen till now. Pls Upload more videos in this series.💯
Bhaiyya plz continue this series. Dont ever stop it. I am a UI/UX designer & I would love to learn this extra skills from you.
Designer and developer 2 alag cheez hai
@@BlitzVirtuoso aur css dono me kaam aati h
@@ashishvaishna1023 Wo kaise dear?
@@BlitzVirtuoso style ke liye because html and css web design ke liye kaam aati h and Java script add karne ke baad vo usse development khte h isliye html and css me maths nhi hoti h shyd chota example kafi hoga mujhe bus itna hi pata h 🥲
@@ashishvaishna1023 ap sahi keh rahy ho keya ap ke saath WhatsApp pe connect ho sakta ho?
Best teacher ever! They taught me CSS like nobody else ❤😍
Till the concept position, i was thinking this video is similar to other videos, but after the explanation of positioning concept it changed my thought.....❤
Literally i never got this amazing clarification of concepts ever before!
This is the video where I have learnt positioning fantastically. Awesome guys. You guys are just rocking.
Take Love from Bangladesh.
This is the first video in my coding journey, in which I didn't feel bored. ❤❤❤
Sir aap ki padhane ka style lajawab hai aaj tak maine aisa teacher nahi dekha well performed sir aap jaise dedicated teacher ko Award milna chahiye and paid content ko free me share kar rahe hain mai kisi ke channel pe comment nahi karta but aap ki teaching dekh kar mai dil se comment kar raha hoon my allah bless you all thankyou so much bhaijaan keep uploading videos
Bro the way you explained positioning & display-flex is amazing.🎉
Please post more of these kinds of videos.
Hat's off to you bro.
Love from West Bengal. Your real world example is awesome. Thanks
Position absolute : 23:16
Flexbox : 34:44
I have practiced and worked on css position many times in my project but I never understood them, I read many blogs I watched many videos on this topic but my concept was never clear, I was a student of coding ninjas full-stack development course there I got many assignments about this topic but I cleared my concept for this topic only after this video.
I subscribed this channel from last month and till then when I stuck in any topic related to html, css or js I just search any video from this channel and hopefully I clear my doubt.
You are giving such a practical example that no one can forgot and this is the real practical way how one should understand coding.
Eagerly waiting for your videos on topics like SCSS, React, and something like full-stack.
thankYou for providing such high quality content.😄
Mere aakhon me aasu aagaye itna accha or clear-cut explanation dekhne ke baad. Agar apke jaisa teachers ho toh backbenchers bhi backbenches pr baitna pasand nhi krenge, damn sure.
Sala me css margin positioning ko kabse seekh raha hu dusre yt channels pr, lekin itna clarity explanation kisi bhi video me nhi he except apke. Bro you are like a life saver yrr 😇😇.
Harsh bhai that position absolute and relative Explanation OMG🤯 , man i remember when i started learning CSS how tough it was for me to understand and how much of a Road Block it was for me , and you explained it so easily this is why People say Indians are the best teachers
100k soon for the channel 💗
I watched videos with one million and two million views but didn't gain much from them; they were dull. As I scrolled down, I stumbled upon your video, and wow! Your teaching style is truly the most effective. I commend your hard work - you're the best teacher.
That was a great explanation where everyone just starts teaching using theory and imagination, you gave real demo, I am a non- IT guy, It will always remain in my mind. (This example) Thank you so much.
Thanks
why is this tutorial soo relaxing and informative at the same time, something i havent seen before. Literally a work of art. You sir just got yourself a subscriber and student.
background calm music
no video on youtube is useless, every video gives you a new point so hats off to this video
Never knew understanding css could be this much fun ❤ thanks bhaiya for this amazing way of teaching the concepts with real life examples ❤❤
I live in the US, and I am in process of transitioning my career from finance to Tech, and I needed to learn basic web development, to prove that Software Engineering degree is the right choice for me. Previously started learning css, and java from else where on Udemy and RUclips, but it gave me burnout, that I started hating web dev all together. You ignited the fire of learning again, and continue fighting. I love your method of teaching, and now I feel like no one can teach me all what I need Css, JavaScript, Java, Python, but but you. I am now going to watch JavaScript video, and monitor if I am the right candidate. If this works out, I will be so grateful to you. I might need one on one class as well, because I like to ask questions while I work, this helps me to catch up language faster. Amazing way of teaching.
Man, where have you been all this time. Finally found someone who teaches in a very well manner. Hats off to you. ❤
Highly recommend Sheryians Coding School.. Literally Mr. Harsh is amazing guy. He's teaching style is extra ordinary. I don't have the word to express my feelings about Mr. Harsh. Sir, You are doing a great Job, you are a hope for every financially weaker person, even every less grasping power person. Yaar, I'm genuinely fan to you Sir, Nobody can't make explain "Position Absolute & Relative" And "Flexbox" topics like you....I am commenting first time. after watching your many videos ....Hats off.........
From Mohammad Nasir (Raipur Chhattisgarh)
what a content from the past 1 year I didn't get the concept of position absolute and relative and this guy in just a couple of minutes made me clear thanks 🙏🙏🙏🙏🙏
You got a new subscriber..
Nicely explained...
Please make a full course easy and simple video for JS. Beginner...
Thank you 🙏
Hit like if you guys also want a JS tutorial!!!
Dusare channel toh bs naam ke liye grow huye hai real mai dekha jaye to majburi mai kiye gaye hai subscribes se.... Pehale baki channel se video dekhane ke baad lagta tha kabhi website designing bana paunga ya nhi..... Aap ka channel dekhane ke baad sikhane ke baad 10x speed 🚄 se sikh raha hu coding mai intrest badh raha hai ❤️😀 responsive web design bana raha hu .... Attributes smjh aa rahe hai sb ke sab real mai kaise use karne hai pata chal raha hai ..... Aisa lag raha hai ki aap ne isse bahot deep mai khud se sikha hai bahot kuch experience le kr aur phir hame padha rahe ho 200% de rahe ho khud ka .. kahi pr paise de kr bhi nahi milate aise content.... Thank you for everything sir ❤️💞💕💓💗hats off ❤️
I totally believe that I'm gonna become a frontend developer because by watching your content just boosted my confidence, I'm the one who frequently shifts from one channel to another, but now I guess I'm gonna stick here , Huge Thanks for u sir ❤️✨
Perfect way of teaching I have revised my almost whole css ♥️
Nailed it ❤
As a Aspirants 🚀 it's a Different From every creator video . But it's worth to watch loved it ❤
Mein pichle 5 dino se apka vdo dekh Raha hoon or av bina comment kiye bina raha nhi gya 😊..what a great explanation and great video by you 😊😊...isse phle html ki vdo dekha or v vdo dekha ...what a great video 😊😊
Sir that was a really great tutorial, I am not into web dev, was refreshing my HTML/CSS Concepts for MLOps but I loved you way of teaching.
Bhai saab aj 3 sal ho gae ghanta smjh nahi aata tha flex box bs kam chal jata tha aj ek video me pura smjha diya bhaiya you are amazing mene aj tk kisi Chanel pr comment nahi kiya but apki sari videos pr krta hu love you 3000❤
Examples are amazing...., they make the concept easy for beginners....
Fantastic! Clear explanations and practical examples make learning CSS a breeze. Thank you!🙌
I Have never ever seen programming content like this... This is much much appreciated
This man deserves a million subscribers by the way sir make a complete playlist of html css and javascript or complete web development course i guarantee you it will be fantastic and helpul for many peoples. And your teaching inspires me to learn thanks ❤️
aaj tak zindagi mein kabhi bhai absolute aur relative ka concept smjh mein na aaya i phone dekhte hi smjh gaya bhai thanks a lot bhai 👍
23:20 position : absolute;
26:25 position : relative;
29:09 code explanation
34:45 flex properties;
37:45 code explanation
THIS IS NEXT LEVEL 🔥
Bhaiya apne Position & flexbox ki itni achi example de kr in depth smjha diya. Allah blessed you
❤" Harsh Bhaiya is now became Landmark of bhopal"❤
sir m last 3 year s web designing kr rii thi but stilll apki is vedio mere boht sare douts clear kiye and in this only one vedio mne kuch new bhi seekha jo mne 3 sal m nii seekha tha, Your work is really appricicating we will be support you and request you to continue this tutorial.
A fully power packed session. thank you shreyians❤
All glory to god 🙏🏻
I was missing something really great until I found this channel. ++++Quality
Very beginner freindly....thanks bhaiya
Also add a video on Figma .
When will be project come?
i just completed this one Crash course : You really explained positioning very well. i highly suggest this to everyone.
Sir,me k-bhi video ko comment nhi krta but aaaj na me video pause krke comment kr raha hu....jo bhi mera comment padh raha bhai sach me video dekh le ,Thank You so much sir❤
Ahsan kar rha hai sala kya
😂
Ye Dekh Ke Vagne Wale Maal Hai...😂😂😂
I love you
literally the best lecture on css i watched till now .
Just completed watching whole video
That explanation of position properties and flex was insane
The teaching style is really nice it keeps you engaging up with the video
Refreshed my CSS learnings with this one video
Thanks for bringing this up 🎉
Waiting for the final project 🎉🎉
Thanks Vansh, All glory to god 🙏🏻
Yes bro .. same ❤
sir maiery page py background image full nie arhi haie
One of the best video I have seen in entire youtube, thank you so much for this valuable content. learn what matters video✅
Bhaiya I'm literally watching this at around 03:00AM, and didn't get bored even for 1 Minute.
That's so refreshing for me and, greatly explained Content.
Never thought ki CSS itna aasan hoga, I know this is just basics but still at least I start learning something new.
Thank you so much for the Tutorial 🙌❤️
All glory to god 🙏🏻
Me dusre channel ka name nhi leraha , vahase sikha Css ki playlist se flexbox , position etc but jo method me aapne sikhaya sir.... mind-blowing....life end tak ni bhulega me.....!!!!
Maja aaya🍻😌(me chahta hu ke ye maja sabko mile😂❤)
Kidding!!😵💫
I wish I could afford your offline complete web dev course!
But anyways kudos to you! I've completed your portfolio clone website. Your teaching is amazing as always.
🙏🏻
All glory to god ❤️
@@sheryians He is worthy of all praise.🙏 Radhe Radhe
Could not stop myself commenting here! Really, the content you are providing is amazing. The way you explain things I am not from a CS background but the concepts in your video seems so simple that anybody can learn it. I appreciate it!!!
16:44 BC bol diya sir ne flow flow me😂
and no one noticed it seems lol
this is what i want feels like someone is taking their time out of work to teach me
Brother..........U explained the postion and flex box so easily....hats of........Love from West Bengal.🙏
# NOTES
1) css - styling
2) making css file - open VS code -> tap ☰ -> file -> new file -> type style.css -> click on create file
3) understanding linking - a process of linking html file with css using .
4) css boilerplate -
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,body{
width: 100%;
height: 100%;
}
5) understanding css writing way - target any tag, class or id.
p { .a { #a {
} } }
6) understanding css height and width -
index.html style.css
#main {
width: 50%;
height: 50%;
background-color: black;
}
7) understanding units, px and % -
% - in case of screen portions (like 50%, which is equal to the half)
px - like a dot, and fixed value (like 20 px)
8) understanding margins, padding -
margins - the space outside an element or between two elements
padding - the space or imaginary border inside an element
* 9) understanding background image and things related to it -
background-image: url(image_address);
background-size: cover;
background-position: top or center or bottom or in pixels;
10) understanding position absolute and relative -
please refer video
11) understanding flexbox -
please refer video
Bhai aisi css ki explanation video aaj tak nhi dekhi superb ❤ saara doubt clear ho gya love u
Harsh bhaiya never seen this much expertise in this field. You are really a great tutor.
I have seen many tutorials on RUclips but your are exceptional . No competition on RUclips. 🎉
Telling from experience the video is legit, this guy explained things better than a paid course,
bhai ap ny position our flexbox k concept boht he zada bahtareen tariqeyh sy bata mai ny boht videos dekhi hn lakin the way you explain difficult concepts is mind-blowing ❤ love from pakistan
positioning bahut achi tarah smjaya aaj tk kisi ne aisa ni smjaya aaj tk
😍😍😍
Sir, your way of teaching is very good. Especially the practical examples clear our concepts.
Today I have cleared my Flexbox concept after a very long time.
You made my position concepts clear , I always used to get confused. Tons of thanks. Love from Pune ❤❤
You don't know but you are the best frontend developer teacher in all RUclips community
It's an absolute way to teach somebody about the absolute position in css
Sir i am family with this but sir aaj tk itna easy way me kisi ko samjhate hue nhi dekha i am talking about position absolute 👍
And finally I can say code with Harry and sheriyans schools ..
These only two can understand students feelings and make concept very easy to understand....thankfulll❤
Just enjoyed whole video
I learnt everything easily from you
You are the best teacher I have ever seen
Really!!! 💥
Zabardast…. positioning is se achi aj tak nai seekhi…👏👏👏👏👏
bhaiya gajab kar diya .......loved it.....ispe maine pata ni kitni vedios dekhi thi pahle ....aapne ek vedio me saare concept clear kar diye........aap jaise bhaiya ko mera prana.....jay shree ram🙏❤
kya bat h sir ji
ye jo flex box ar position jis tarike s samjhaya aapne
bilkul chummeswar tha😘😘
itni video dekh liye the flex box or position p fir bhi confusion rhta tha pr ab nhi rhne wala
dhanyawad..
this is not just a another css youtube vidieo , this is fuckin art , this is absolute cinema .
heey prabhu aaap kaha the abhi tak jo jo padh rha hu pura dimag me chipak ja rha hai sidha ,best teacher ever bhaiya 👍🙏
RUclips pr first time aisa lag rha h jaise koi creator nhi balki Mera khudka koi apna badha bhai padha tha ho .. Thank you so much bhaiya❤
Great bhaiya tusi great ho....
clear doubts in single explanation 🙏🙏
That demo of positions and flexbox was the soul of this video..like seriously?????? How these 2 complex topics can be understood sooooo easily.. Thankssssssssssssssss!!!!!!!!!!!!!!!!!!!!!!!!!!! No ppt, animated video or fancy stuff can make these complex concepts easy . Thanks a lot Sheeriyans team! 🤩✨
Proper , precise and point to point teaching !!!
best tutorial on css, well explained with examples, perfect.
i was trying to learn div tag ,id tag and CSS from 4 years finally i got it , bhaiya you are really an angel ❤❤❤❤❤❤❤❤
I had no idea about the position absolute and flexbox worked like that. I followed up tutorials on youtube and never knew why they were used that way. Same with previous HTML video, had no idea about div, id and class and now i am very clear about it. Thank you so much!!!
Once again: Justify-content for? WIDTH!!
Align-items for? HEIGHT!!
Ye position absolute - relative wala cheez paid course aur yt milake bhi aaj se pehle tak confusion tha bhaiya . Aaj samajh aaya. Thanks a lot .💙💙🙌🙌
Bhai apne kitne pyara samjaya hai❤love this tutorial literally the best video Allah apko duniya ki saari khushiya de dil se dua hai😊
omg great explanation of difference between margin and padding, itne mahino bad ab acche se samajh aya 😌
What an amazing way of teaching you! It's been so long and finally worth watching.
Sir aap bhot accha pdhaate ho I m really happy with your teaching style..... I understand all the concepts very well.... U r the best teacher ever.... I really enjoy your all vedios....... 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻
Thankuuuuu soooo much sir..... Aap aise hi or vedios bnayiye hmare liye