I hope this helps. Make sure you download my handwritten notes from the description. After the Flipkart clone project, which project would you like to watch me make next?
@@aayushvarshney385 and I am not ignoring the fact that the knowledge he is providing is price less. He deserves this love and support and he is getting that
🎯 Key Takeaways for quick navigation: 00:00 *🚀 Introduction to CSS Tutorial* - CSS explained through examples and handwritten notes. 02:25 *📝 Importance of CSS and HTML* - HTML as the skeletal layout, CSS for design and styling. 06:10 *⚙️ Installing VS Code* - Instructions for installing VS Code on Windows, Mac, and Linux. 10:49 *💼 Benefits of Learning CSS* - High demand for CSS skills in web development. 11:43 *🎓 First Line of CSS* - Setting up an HTML file and adding the first line of CSS. 20:16 *📄 Adding CSS to HTML* - Different methods to add CSS to an HTML document. 22:38 *🗂️ File management and permissions* - Deleting files and folders in Windows. 24:05 *🖥️ Setting up a basic HTML file* - Creating an HTML file and adding a basic structure. 25:33 *🌐 Understanding the Document Object Model (DOM)* - Explaining the DOM as a tree-like structure of a website. 28:00 *🔠 HTML ID and class attributes* - Differentiating between ID and class attributes in HTML. 33:49 *🎨 Adding CSS to HTML* - Discussing three ways to add CSS: style tag, inline CSS, and external CSS. 40:06 *🎯 CSS selectors* - Introducing CSS selectors for styling HTML elements. 44:39 *🎓 Selectors in CSS* - Element selector applies rules to all instances of that element. 46:59 *🎨 Styling with Classes and IDs* - Classes are more commonly used for styling than IDs in professional websites. 48:48 *🔗 Grouping Selectors* - Grouping selectors allows applying the same rules to multiple elements. 53:02 *🧩 Styling Priority and Comments* - Inline styles have the highest priority, followed by internal and external stylesheets. 57:25 *🏋️♂️ CSS Practice Set* 01:07:54 *🎨 CSS basics and class usage* - CSS classes are commonly used for styling elements. 01:11:16 *🌈 Color representation in CSS* - CSS supports various color representations, including named colors, RGB, HEX, and HSL. 01:14:05 *🎨 Setting margin and padding in CSS* - The universal selector `*` can be used to set margin and padding for all elements. 01:19:53 *🖌️ Working with background colors and images* - CSS provides properties like `background-color` and `background-image` to style backgrounds. 01:32:14 *🎨 Setting Background Size Property* - Setting background size to 'contain' makes the image fully visible without changing its aspect ratio. - Background position allows you to position the background image within its container. 01:40:58 *📌 Exploring Background Attachment Property* - Background attachment 'fixed' keeps the background image fixed while scrolling the content. 01:43:48 *🖍️ Utilizing Background Shorthand Property* - The background shorthand property allows setting multiple background properties in a single declaration. 01:47:08 *🚀 Practicing CSS with Chapter 2 Practice Set* - Creating a navigation bar with a dark blue background and light-colored items. 01:55:41 *🔳 Setting background size property in CSS* - Demonstrates how to set background size in CSS using the `background-size` property. 01:58:05 *🧩 Understanding CSS clarity and problem-solving attitude* - Emphasizes the importance of clarity in CSS understanding. 02:00:30 *📦 Moving to Chapter 3: Box Model in CSS* 02:19:52 *📐 Understanding Margin Collapsing* - Margin collapsing occurs when two margins from different elements overlap. 02:26:07 *📦 Box Sizing: Content Box vs. Border Box* - Box sizing determines whether padding and borders are included in an element's width and height. 02:36:06 *🛠️ Practical Application: Creating a Website Layout* - Demonstrated how to create a basic website layout using HTML and CSS. 02:43:57 *🖌️ Adding Borders and Margins* - Adding border and margin using CSS. 02:49:02 *🎨 Introduction to Display Property* - Explaining the display property in CSS. 03:05:07 *✏️ Text Alignment and Text Decoration* - Demonstrating how to use the text-align property to align text within a container. 03:08:03 *🖌️ Text Decoration Property* - Text decoration property can be used to underline, overline, or apply a line-through effect to text. 03:08:51 *🔄 Text Transform Property* - Text transform property can change the case of text to uppercase, lowercase, or capitalize the first letter of each word. 03:09:51 *📏 Line Height Property* - Line height property controls the space between lines of text. 03:32:56 *🎨 Setting heights for inline and inline-block elements* - Changing the display property to `inline-block` allows setting height and width. 03:35:21 *🎨 Managing space between inline elements* - White space between inline elements affects their layout. 03:36:46 *🎨 Adding and styling a footer with Google Fonts* - Adding a footer with copyright information and Google Font. 03:39:19 *🎨 Creating a basic webpage layout with CSS* - Using CSS to create a simple two-column layout. 03:40:13 *🎨 Styling navigation links* - Setting text decoration to `none` to remove underlines from links. 03:43:06 *🎨 Demonstrating `display:none` and `visibility:hidden`* - `display:none` removes an element from the layout. 03:44:54 *🎨 Using `text-transform` to change text case* - Using `text-transform: uppercase` to change text to uppercase. 03:45:50 *🎨 Introduction to size, position, and units in CSS* - Discussion on the importance of size, position, and units in CSS. 03:51:02 *🎨 Understanding `em` and `rem` units* 03:53:46 *🎨 Using `vw` and `vh` units for responsive design* 03:57:06 *📏 CSS Units Overview* 03:58:33 *📏 CSS min/max-height/width Property* 04:02:22 *📐 CSS Position Property* 04:20:50 *📐 Z-index and List Style Property* 04:25:11 *📝 List Style Image Property* 04:26:28 *🧩 Flexbox Introduction* 04:46:18 *📦 The flex-direction property in CSS allows you to change the direction in which flex items are displayed inside a flex container.* 04:49:13 *🎁 The flex-wrap property in CSS controls whether the flex container is a single-line or multi-line layout, and the direction of the cross-axis.* 04:50:36 *🔄 The align-items property in CSS controls how flex items are aligned in the cross-axis of the flex container.* 04:52:57 *🤔 The align-content property in CSS aligns the flex lines within the flex container when there is extra space in the cross-axis.* 04:55:22 *🔄 The order property in CSS allows you to control the order in which flex items appear in the flex container.* 04:56:48 *🧍 The align-self property in CSS allows you to override the align-items property for individual flex items.* 04:57:48 *📏 The flex-grow property in CSS specifies how much a flex item will grow relative to the rest of the flex items.* 04:59:16 *🧶 The flex-shrink property in CSS specifies how much a flex item will shrink relative to the rest of the flex items.* 05:04:42 *📐 CSS Grid Layout allows you to create complex layouts on a webpage using rows and columns.* 05:10:03 *📊 Grid Layout Properties Overview* 05:13:14 *🛠️ Using Grid Gap Property* 05:14:39 *📦 Understanding Grid Containers and Items* 05:18:18 *🖼️ Applying Grid Column Property* 05:23:44 *📱 Understanding Media Queries* 05:35:52 *📐 Creating Layouts with CSS Grid* 05:41:26 *🔄 Introduction to Animation, Transition, and Transforms* 05:48:45 *🔄 Advanced Transformations in CSS* 05:59:18 *🎓 Understanding Practical Use Cases of Transform Properties* 06:00:44 *🔄 Introduction to 2D and 3D transform methods* 06:05:14 *🔄 Understanding transition properties* 06:07:08 *🔄 Applying transitions with JavaScript* 06:16:42 *⏩ Setting transition shorthand property* 06:17:43 *🔄 Transitioning multiple properties* 06:19:34 *⏩ Introduction to CSS animations* 06:22:51 *🔄 Properties used to set animations in CSS* 06:25:11 *🔧 Transition and Animation Properties* 06:26:04 *📝 Using Animation Shorthand Property* 06:28:25 *🔄 Understanding Animation Properties* 06:33:03 *💡 Using Animation Timing Function* 06:34:30 *🎯 Applying Animations to Elements* 06:51:35 *🟢 Creating a Progress Bar Animation with CSS* 06:54:28 *🔄 Creating a Rotating Image Animation with CSS* 06:56:43 *🖼️ Creating a Image Slider with CSS* 07:09:01 *🛒 Creating a Homepage for an E-Commerce Website with HTML and CSS* 07:16:54 *🎨 Styling the header and navigation bar* 07:21:08 *🎨 Using variables and copying styles from other websites* 07:22:31 *🎨 Adding a logo and styling the navigation bar* 07:25:28 *🎨 Creating a search bar* 07:26:23 *🎨 Setting the container height and styling the main content* 07:29:11 *🎨 Styling the search button* 07:31:02 *🎨 Adding images and creating card elements* 07:41:16 *🎨 Adding dynamic content and final touches* 07:44:41 *🏏 CSS Styling for a Card Element* 07:47:10 *🎨 Styling Images and Text* 07:48:38 *🛠️ Creating Utility Classes for Margin and Text Alignment* 07:54:09 *🔄 Displaying Multiple Card Items* 07:56:14 *🃏 Replicating Card Designs for Different Items* 07:58:18 *🖼️ Creating a Slider and Adding Horizontal Lines* 08:02:35 *📱 Making the Website Responsive* 08:10:37 *📱 Styling for Mobile Responsiveness* 08:14:27 *💡 Design Tips and Advice* 08:15:51 *🎨 Designing vs. Replicating Websites* Made with HARPA AI
Nobody knows how much this man has helped me to clear my exams otherwise I couldn't pay my expenses, really this man deserves to be respected...love from Pakistan
Thank you so much Harry sir. Your java programming and web development courses help me a lot. I am from non CS background but I love to watch your videos. Thankyou🙏🏻🙏🏻
Does it even matter if you are from a cs bground or not? I mean i never saw the desktop functions until i got a laptop at 19. JUst boost up follow the dreams and you'll find yourself above from half of them
Day 2: 3:29:09 [Completed] Day 3: 5:06:56 [Completed] Day 4: 5:40:56 [Completed] (Zyada nhi krpaya, aaj dusra kaam agya tha) Day 5: 8:21:01 [Completed "THE COURSE"] Thanks a lot bhaiyaa...
harry bhai please make a complete video of your learning journey how you learned what your learned and when from starting to end. Those who agree with me like this comment and comment yess so that harry bhai can notice this.
Very few teachers are there in india who are making revolution in studies Thank you sir for giving a very high quality content for free who cannot afford the money to buy any course. A very thankful to you sir
Harry bro, I have fully watched your web development playlist and html in one video which is of 3 hrs and now watching this css course, I am very much statisfied by your style of explanation and your practical demonstration of various topics which will not be clear without your explanations... Hats off to your hard work and dedication toward teaching the community coding...
I watched your HTML course first. Now watching this. Really helpful and easy to understand. Respect for you from Pakistan 🇵🇰. Learning & knowledge had no boundaries.
@@bartosz3667 Chal be faltu ki bakwaas na Kar. Kahin Kisi Sangh ke channel par Jake goo faila. Yahan seekhne wale log aate Hain, na ki hate failane wale.
Salam sir. I was attending your lecture then suddenly i thougt that i have to say thanks alot to u before i complete lecture. U r amazing. There is so many so call motivational money makers people who just try to change your mind and pretend they r working for humanity but they r fruad. Because nobody is giving anything free for humanity. In your subscribers there is so many people who really want to learn but they cannot afford motivational fees but u r giving us free of cost. Thanks alot sir
Just waste 2 years in college but didn't improve my skills or any other stuff or didn''t learn anything... but Harry bhai... salute to you and your family from all beginners who tried Apna college, code camp and wstech cube etc channels but they didn;t teach us the way you did ... congrats sir ... stay happy always Harry sir🤩🤩☺
Thanks bhaiya.......... Now who wants this ONE video of JAVASCRIPT ......please like so that bhaiya can see the comment. ..... YOU ARE GOD HARRY BHAIYA
I have seen your excellent HTML course first. Then I am now learning CSS. My conscience does not wait to say heartfelt thanks for your excellent training for free to one all. Thank you very much.😊
@@no-brainer627 Who said I am applying for a job right now? I know that by the time I will finish college I will be ahead of my competition by alot, So then I will be able to get a high paying job very quickly rather spending 4 year to gain the skills then.
I can't imagine the hours of hard work you must put in to make these videos and you provide it for free. It just shows your dedication and your willingness to give back to the people and your love for what you do. Keep going! - New Subscriber. 🤗
Bhai tum na hote toh hamara kya hota !!!!!!!!! dil jeet liya hai tumne ..... You are giving such wonderful courses absolutely free of cost.. you could have gone to udemy for these crash courses and get paid a handsome amount for this........but still you bought this for us absolutely free Charan kahan hai aapke prabhu............
Nobody knows how much this man has helped me to clear my exams otherwise I couldn't pay my expenses, really this man deserves to be respected...love from Pakistan 😇🥰
Do you think i will be able to get job just by practicing Java ,CSs , And Html without getting degree and going to collage...Just from ONLINE courses??😢
You have taught me what my 4 years degree couldn't teach me. I mean amazing, you are details-oriented. we ignore small things, but they play very important role in development and you demonstrate them, emphasize them and literally repeat them until a layman could understand. I'm in the middle of the series. Also, firefox should hire you for their marketing :P
Hi Harry Bhaiya just completed the course....TO Be Honest I completed this course in more than a month.....But finally got the passion for programming.thank u so much for all the efforts u r putting ...i just got goosebumps ..when u said "recorded 9times"......Love from a aspiring programmer..
8:18:20 Boht helpful tha ye course, right now mai apna ek portfolio kind of wesbite bnane ka try krunga and if kuch bhulta hu toh "AAPKE NOTES H N" mera saath pkde... Thanks a lot Harry bhaiya...Kl se JS kr rha (With CSS Practice) ❤❤
i am Tahir from pakistan, i have seen many courses videos like Yahoo Baba , Harshit vashisth , apna college but i learnt for you many new things, you are just amazing, they all were Good also. but your all Courses about HTML CSS BootStrap Javascript Are most new, one more thing your way of teaching and with notes and alots of examples Thank you so much for your efforts and valuable time End pe yhi bolo ga apka channel karak hai
Finally completed Harry Bhai . You are awesome .Even 5 std student can learn this .Hands down to your immense effort and dedication . Crisp and clear concept . Thanks a lot
Finally I learnt html and css in a proper way and all become possible by ur hard work that u put to make video for us who can't afford money to learn these things via paid courses ...thanks Harry sir...we want teacher like u..☺️☺️
@@DeepakRawat-qm6on actually this problem also happened with me when I was using vs code for css practice so I changed the text editor which is Sublime text editor..u can use this editor for css practice otherwise vs code is also good
Harry vaiya your separated html and css videos are oxygen to advance need of a beginner like me , without your HTML video I could not dare to aim to be a coder, but I found your sigma web dev course is difficult and complex for me . I searched a lot for CSS learning and again come to your CSS this video ,before I learned a little bit of HTML only by your easy style teaching in your separated HTML video .krishna bless you bhai .Going to learn CSS from your this video . as a fact I also can not afford ,your free lectures with beginners style , you are the unique teacher bhaiya ,you understand the beginners questions and doubts .yes , I was a science background student again I AM PROUD of me that I found me by HTML
Hame sikhne me itna time lagta hai, to socho zara, harry bhai ko record karne, samjhane, organize karne, sequence me lagane or editing karne me kitna time laga hoga. Bhai really salure to you, 8 hours ha video sunke logo ko kaisa lagta hai, aur apne itne mehnat se use banaya hai!! What a level of Hardwork! salute! and thank you very much for this video, really helpful.
I have already completed my 'HTML CSS JS" course and just randomly watched this video to observe the difference between teaching practices of him and my teacher and i realized that I was lacking a lot. I was taught that all the value of "position property" are almost same and i am not supposed to learn that as begginer And I was really lost in the video that I literally watched it for straghit 4 hours... HATS OFF!!!!!!
Finally completed the entire video and finished the flipkart clone project, very grateful for your hard work and effort in teaching css, will be looking forward to more wonderful videos like these. Thank you!!!!
Thanks a lot brother. I thought that i had to pay for expensive courses in order to learn CSS, HTML and JS from basic. But thanks to your playlist i have learnt Basic HTML in just 2 hours and i am learning CSS through this playlist and then i will learn JS also from your playlist. Thanks for creating such quality content with the source code.
It took me weeks to understand IDs and Class attributes with other tutorials but your tutorial Harry made me understand this in 5 minutes, thank you. I've only watched 35 minutes so far I'm sure by the end of the 8 hours I will be very confident in my CSS
This CSS course is extremely helpful. and I can’t wait to learn more in the future. I’m really appreciative of the hard work that went into this; it's obvious that a lot of effort went into it. I'm sure other students feel the same. Thank you again.
I don't know how I should say thanks to Harry Bhai. This guy made coding really fun for me at the beginning of my coding journey. Allah apko hamesha khush rkhe Haris Bhai.
Before watching this video, I used to find padding and margin quite difficult but now, I am feeling it quite easier than previous times. Thank you Harry Bhai, love from Nepal. Please provide one heart for me.
I have just completed 8-hour time duration with you, and this became a great experience spending such a long hour with you. You are really a so much hard-working person, and you earned all our respect and love via your Nobel deeds. I learned Python, then Html, and now CSS from zero knowledge just because of you. Thank you so much sir from my deep warmth of hearth❤❤
@@Screwthinker Its probably the best channel for learning to code in any language, This video will teach you CSS as needed to be learned as a beginner, but if you want to learn the topics more deeply, you can see the CSS portion from the "Web devlopment" Course of his channel!
Harry bro, I have fully watched your web development playlist and html in one video which is of 3 hrs and now watching this css course, I am very much statisfied by your style of explanation and your practical demonstration of various topics which will not be clear without your explanations...
Timestamps 2:30 Chapter 0 6:07 Installing VS Code 7:20 Important VS Code Settings 11:57 First Line of CSS 13:30 Downloading Firefox 23:48 Chapter 1 (DOM, id, class, selectors) 25:24 What is DOM? 25:53 HTML ID & Class 36:03 3 ways to add CSS 39:36 CSS Selectors 57:15 Chapter 1 Practice Set 01:06:32 Chapter 2 (Colors & Backgrounds) 01:10:56 Color Property & Types of color values 01:19:50 Background Properties 01:47:24 Chapter 2 Practice set 02:00:41 Chapter 3 (CSS Box Model) 02:01:56 Mere Bhai Padhle Chhote 02:06:34 Setting Margin, Padding & Border 02:12:19 Setting Borders 02:16:34 Margin Collapse 02:26:08 Box sizing 02:36:08 Chapter 3 Practice Set 02:49:20 Chapter 4 (Fonts and display)
@@nomadicplayz 1. Harry Bhai ne chapter wise timestamps diye h topic wise ni aur mene apni revision k liye rkhe h terko kya 🙂 2. Bina gaali k b bol skta tha bro tu ye baat vse 🙂 3. Tu b chutiya h 🙂
@@umangaggarwal2017 bhai gali diya uske liye sorry but Kya milta h ye sab kar k?? Rivision k rakhe h acchi baat h par zada oversmart mat bana karo bhai
Harry Bahi Love from Pakistan apka Html ka course meny complete kea hy woh boht acha or helpful tha ab Css ka kru ga InshaAllah ye bhi kafi acha hoga. Thank You So Much.
No words to say... U r just outstanding. Even I'm amazed that you've left no doubt... I was feeling like you're reading my mind and answering all my doubts.... Hats off dear sir 🙏
Congratulations for 3M family, you are really amazing . I am learning front-end web development from your TH-cam channel, I have already finished HTML and now learning CSS, Your teaching style is very different, and that's the reason I understand any difficult topic easily. So Thank you so much bottom of my heart Harry Bhai. Love from Assam.
@@vishal18990 bro first start with full webdevelopment course playlist then watch these short lecture it will be beneficial i am advising you with my personal experience .
I havent found anyone better than CodewithHarry in teaching code, His way of expressing things and explaining concepts is very comprehensive and each and every piece of information he delivers refelects his vast experience in the field
congratulations, i have completed the course of HTML & CSS at the age of 13 just because of this man. And now I am going to learn JavaScript. Thank you. We RESPECT your hard work🤝🖖
I just complete the HTML and CSS videos. This is amazing .... One of the best tutorials available in the online. Thank you so much Harry sir. Thanks is very small but Thank you 🤩🤩🤩
@@maazshaikh7905 I will be doing the JS course provided by Harry himself. th-cam.com/video/hKB-YGF14SY/w-d-xo.html Its not long course(approx 4 hours) and doesn't cover everything. Harry bhai also has Whole Javascript playlist that's worth doing. th-cam.com/play/PLu0W_9lII9ajyk081To1Cbt2eI5913SsL.html once completed, I may move on to other paid author courses in udemy if required. My personal experience- I have always given up learning coding in between when I was watching other authors video. Harry has some real skills to teach without charging single dime. I m able to stick to his courses n do everything he explains in video. Also watch his other videos like Why people failed at coding , why people giveup , how to become front-end... These kinda video helps to avoid such behavior n make us understand that its normal to feel frustrated while learning coding but don't giveup. That's it , hopefully I make in Dev role soon n don't giveup this time. Right now I am in Tech support but understand HTML , CSS , JS fairly.
44:11 yes 1:14:15 acha laga bhai helped to be more poductive and waste less time typing the whole thing 2:12:17 han bhaiya bohot easy hai👍👍👏 2:44:39 bhiaya sirf do (two) values dena padegha ex: 0 and 5,, here o is for top and bottom where as 5 is for right and left 2:47:04 nahi bhiaya because it is margin collapse so it is related and specific to margins only 4:22:11 😂😂🤣🤣🤣 5:41:09 bhaiya 1st and 3rd keya but 2nd wala tho hava me he socha later on I will try but I understood the procedure on how to do it 😅 6:29:22 nahi bhiaya kuki activate nahi kiya na 8:02:18 kadak bhai 😁
I started bba first year and in the middle of it I realised I actually enjoy coding and not commerce or account related stuff so now I'm pursuing web development as a self-taught. Goodluck to me and many other students out there making hard decisions to pursue something they love doing.
hello i am an ca inter student and i have completed html and now i am doing css so i want to ask you that is this the complete css for web development video your help WILL BE APPRECIATED .
@@sundarraj.brajpurohit3691 To be honest, yes, this video covers most of the important topics required to learn as a beginner. But as might have heard, one can never truly master css as a beginner so if u ever get stuck on a particular topic while making your own projects, it's always better to keep learning from other sources as well such as free code camp cuz everyone has a different way of teaching. Of course, Harry is a great teacher ❤️ and you can also use his cheatsheet from one of his playlists cuz it will definitely help u out in the long-run.
1:14:23 Mujhe Shortcut ka bhi Shortcut bahut acha laga ❤️😂 2:12:16 Margin Padding set karna bahut easy hai 🙃 2:46:05 Margin collapse nahi hogi kyunki overlap hi nahi karegi 3:12:40 That "Modi" at the End in Lorem Ipsum 😝 3:27:09 Laal Fal - Strawberry 🍓 3:35:50 OP Property in the Question 🤯🔥 5:41:27 Question Solved! 6:29:24 Nahi Hoga 8:02:16 Kadak Website 😍😂 8:18:28 Maja Aaya 😊
Finally I Complete Flipkart Clone Last Project Which Is Amazing I Really Enjoy It. I Take 6days To Learn this css 8hr 21mins excellent video I'm Very Happy That I Found A Best One Who Can Explain Me In Very Simple Style CSS You're A Really Good Explainer Harry Bhai🔥🔥❤ Now its to watch your all playlist🔥
The first-ever course on youtube that made me take interest in learning HTML and CSS, I hope your Javascript course will be this much interesting as well...
Bhai agar koi seriously sikhna chahta he to video pura akhiri tak dekho , you will feel proud of yourself on completing the video and will be excited to create your own website. :)
Hey, Harry bhai ! i am Tahir from pakistan, i have seen many courses videos like Yahoo Baba , Harshit vashisth , apna college but i learnt for you many new things, you are just amazing, they all were Good also. but your all Courses about HTML CSS BootStrap Javascript Are most new, one more thing your way of teaching and with notes and alots of examples Thank you so much for your efforts and valuable time End pe yhi bolo ga apka channel karak hai
I hope this helps. Make sure you download my handwritten notes from the description.
After the Flipkart clone project, which project would you like to watch me make next?
thank you:))
Pls plz 🙏🙏🙏 give javascript js all in one complete in one video updated
Thanks harry Bhai u are the best
Wow css course birthday gift😇
Sir aap literally kitni mehnat karke humare liye video bnate ho ❤❤😌😌 love u sir
Thanks a lot Harry Bhai by providing these free courses which are top quality and better than any other paid course
Disclamer - He is not providing free knowledge , he is just getting love , support and good blessings of all new learners in return of his knowledge
But its not a big think to give
But he is giving us knowlidge which is most powerfull thing
@@aayushvarshney385 if everyone is loving him from heart then it's the biggest thing he is getting
@@aayushvarshney385 and I am not ignoring the fact that the knowledge he is providing is price less.
He deserves this love and support and he is getting that
harry bhai apna😎😎✌✌
🎯 Key Takeaways for quick navigation:
00:00 *🚀 Introduction to CSS Tutorial*
- CSS explained through examples and handwritten notes.
02:25 *📝 Importance of CSS and HTML*
- HTML as the skeletal layout, CSS for design and styling.
06:10 *⚙️ Installing VS Code*
- Instructions for installing VS Code on Windows, Mac, and Linux.
10:49 *💼 Benefits of Learning CSS*
- High demand for CSS skills in web development.
11:43 *🎓 First Line of CSS*
- Setting up an HTML file and adding the first line of CSS.
20:16 *📄 Adding CSS to HTML*
- Different methods to add CSS to an HTML document.
22:38 *🗂️ File management and permissions*
- Deleting files and folders in Windows.
24:05 *🖥️ Setting up a basic HTML file*
- Creating an HTML file and adding a basic structure.
25:33 *🌐 Understanding the Document Object Model (DOM)*
- Explaining the DOM as a tree-like structure of a website.
28:00 *🔠 HTML ID and class attributes*
- Differentiating between ID and class attributes in HTML.
33:49 *🎨 Adding CSS to HTML*
- Discussing three ways to add CSS: style tag, inline CSS, and external CSS.
40:06 *🎯 CSS selectors*
- Introducing CSS selectors for styling HTML elements.
44:39 *🎓 Selectors in CSS*
- Element selector applies rules to all instances of that element.
46:59 *🎨 Styling with Classes and IDs*
- Classes are more commonly used for styling than IDs in professional websites.
48:48 *🔗 Grouping Selectors*
- Grouping selectors allows applying the same rules to multiple elements.
53:02 *🧩 Styling Priority and Comments*
- Inline styles have the highest priority, followed by internal and external stylesheets.
57:25 *🏋️♂️ CSS Practice Set*
01:07:54 *🎨 CSS basics and class usage*
- CSS classes are commonly used for styling elements.
01:11:16 *🌈 Color representation in CSS*
- CSS supports various color representations, including named colors, RGB, HEX, and HSL.
01:14:05 *🎨 Setting margin and padding in CSS*
- The universal selector `*` can be used to set margin and padding for all elements.
01:19:53 *🖌️ Working with background colors and images*
- CSS provides properties like `background-color` and `background-image` to style backgrounds.
01:32:14 *🎨 Setting Background Size Property*
- Setting background size to 'contain' makes the image fully visible without changing its aspect ratio.
- Background position allows you to position the background image within its container.
01:40:58 *📌 Exploring Background Attachment Property*
- Background attachment 'fixed' keeps the background image fixed while scrolling the content.
01:43:48 *🖍️ Utilizing Background Shorthand Property*
- The background shorthand property allows setting multiple background properties in a single declaration.
01:47:08 *🚀 Practicing CSS with Chapter 2 Practice Set*
- Creating a navigation bar with a dark blue background and light-colored items.
01:55:41 *🔳 Setting background size property in CSS*
- Demonstrates how to set background size in CSS using the `background-size` property.
01:58:05 *🧩 Understanding CSS clarity and problem-solving attitude*
- Emphasizes the importance of clarity in CSS understanding.
02:00:30 *📦 Moving to Chapter 3: Box Model in CSS*
02:19:52 *📐 Understanding Margin Collapsing*
- Margin collapsing occurs when two margins from different elements overlap.
02:26:07 *📦 Box Sizing: Content Box vs. Border Box*
- Box sizing determines whether padding and borders are included in an element's width and height.
02:36:06 *🛠️ Practical Application: Creating a Website Layout*
- Demonstrated how to create a basic website layout using HTML and CSS.
02:43:57 *🖌️ Adding Borders and Margins*
- Adding border and margin using CSS.
02:49:02 *🎨 Introduction to Display Property*
- Explaining the display property in CSS.
03:05:07 *✏️ Text Alignment and Text Decoration*
- Demonstrating how to use the text-align property to align text within a container.
03:08:03 *🖌️ Text Decoration Property*
- Text decoration property can be used to underline, overline, or apply a line-through effect to text.
03:08:51 *🔄 Text Transform Property*
- Text transform property can change the case of text to uppercase, lowercase, or capitalize the first letter of each word.
03:09:51 *📏 Line Height Property*
- Line height property controls the space between lines of text.
03:32:56 *🎨 Setting heights for inline and inline-block elements*
- Changing the display property to `inline-block` allows setting height and width.
03:35:21 *🎨 Managing space between inline elements*
- White space between inline elements affects their layout.
03:36:46 *🎨 Adding and styling a footer with Google Fonts*
- Adding a footer with copyright information and Google Font.
03:39:19 *🎨 Creating a basic webpage layout with CSS*
- Using CSS to create a simple two-column layout.
03:40:13 *🎨 Styling navigation links*
- Setting text decoration to `none` to remove underlines from links.
03:43:06 *🎨 Demonstrating `display:none` and `visibility:hidden`*
- `display:none` removes an element from the layout.
03:44:54 *🎨 Using `text-transform` to change text case*
- Using `text-transform: uppercase` to change text to uppercase.
03:45:50 *🎨 Introduction to size, position, and units in CSS*
- Discussion on the importance of size, position, and units in CSS.
03:51:02 *🎨 Understanding `em` and `rem` units*
03:53:46 *🎨 Using `vw` and `vh` units for responsive design*
03:57:06 *📏 CSS Units Overview*
03:58:33 *📏 CSS min/max-height/width Property*
04:02:22 *📐 CSS Position Property*
04:20:50 *📐 Z-index and List Style Property*
04:25:11 *📝 List Style Image Property*
04:26:28 *🧩 Flexbox Introduction*
04:46:18 *📦 The flex-direction property in CSS allows you to change the direction in which flex items are displayed inside a flex container.*
04:49:13 *🎁 The flex-wrap property in CSS controls whether the flex container is a single-line or multi-line layout, and the direction of the cross-axis.*
04:50:36 *🔄 The align-items property in CSS controls how flex items are aligned in the cross-axis of the flex container.*
04:52:57 *🤔 The align-content property in CSS aligns the flex lines within the flex container when there is extra space in the cross-axis.*
04:55:22 *🔄 The order property in CSS allows you to control the order in which flex items appear in the flex container.*
04:56:48 *🧍 The align-self property in CSS allows you to override the align-items property for individual flex items.*
04:57:48 *📏 The flex-grow property in CSS specifies how much a flex item will grow relative to the rest of the flex items.*
04:59:16 *🧶 The flex-shrink property in CSS specifies how much a flex item will shrink relative to the rest of the flex items.*
05:04:42 *📐 CSS Grid Layout allows you to create complex layouts on a webpage using rows and columns.*
05:10:03 *📊 Grid Layout Properties Overview*
05:13:14 *🛠️ Using Grid Gap Property*
05:14:39 *📦 Understanding Grid Containers and Items*
05:18:18 *🖼️ Applying Grid Column Property*
05:23:44 *📱 Understanding Media Queries*
05:35:52 *📐 Creating Layouts with CSS Grid*
05:41:26 *🔄 Introduction to Animation, Transition, and Transforms*
05:48:45 *🔄 Advanced Transformations in CSS*
05:59:18 *🎓 Understanding Practical Use Cases of Transform Properties*
06:00:44 *🔄 Introduction to 2D and 3D transform methods*
06:05:14 *🔄 Understanding transition properties*
06:07:08 *🔄 Applying transitions with JavaScript*
06:16:42 *⏩ Setting transition shorthand property*
06:17:43 *🔄 Transitioning multiple properties*
06:19:34 *⏩ Introduction to CSS animations*
06:22:51 *🔄 Properties used to set animations in CSS*
06:25:11 *🔧 Transition and Animation Properties*
06:26:04 *📝 Using Animation Shorthand Property*
06:28:25 *🔄 Understanding Animation Properties*
06:33:03 *💡 Using Animation Timing Function*
06:34:30 *🎯 Applying Animations to Elements*
06:51:35 *🟢 Creating a Progress Bar Animation with CSS*
06:54:28 *🔄 Creating a Rotating Image Animation with CSS*
06:56:43 *🖼️ Creating a Image Slider with CSS*
07:09:01 *🛒 Creating a Homepage for an E-Commerce Website with HTML and CSS*
07:16:54 *🎨 Styling the header and navigation bar*
07:21:08 *🎨 Using variables and copying styles from other websites*
07:22:31 *🎨 Adding a logo and styling the navigation bar*
07:25:28 *🎨 Creating a search bar*
07:26:23 *🎨 Setting the container height and styling the main content*
07:29:11 *🎨 Styling the search button*
07:31:02 *🎨 Adding images and creating card elements*
07:41:16 *🎨 Adding dynamic content and final touches*
07:44:41 *🏏 CSS Styling for a Card Element*
07:47:10 *🎨 Styling Images and Text*
07:48:38 *🛠️ Creating Utility Classes for Margin and Text Alignment*
07:54:09 *🔄 Displaying Multiple Card Items*
07:56:14 *🃏 Replicating Card Designs for Different Items*
07:58:18 *🖼️ Creating a Slider and Adding Horizontal Lines*
08:02:35 *📱 Making the Website Responsive*
08:10:37 *📱 Styling for Mobile Responsiveness*
08:14:27 *💡 Design Tips and Advice*
08:15:51 *🎨 Designing vs. Replicating Websites*
Made with HARPA AI
Bro 🫡
Bro🫡
Bro 🫡
Bro 🫡
Bro🫡
World's Richest person who is providing Free Knowledge 🙏
Salute to your hardwork 😘
@Aryan Prasad bro khan sir ko boalana ajmer ke matter par bolane ke liye tab pata chalega
Hoga
@@gumankoli3926 c-h-u-t-i-y-a hai kya knoeledge consider kar na
kitni things pe explaination mangoge kisise
Bhai javascript ki video bhi bnao
tune sirf copy paste kiya hai mera comment
Nobody knows how much this man has helped me to clear my exams otherwise I couldn't pay my expenses, really this man deserves to be respected...love from Pakistan
konsa exam bro
Aap BCA kar rhe h kya
@@bablitiwari7783 nope ne cs kr rha , uske semester exams
@@deliverking6420 btech cs me html,css, javascript h kya syllabus me
@@bablitiwari7783 nh mate , usme srf assembly language aur machine learning ha css to side stuff ha
Thank you so much Harry sir. Your java programming and web development courses help me a lot. I am from non CS background but I love to watch your videos. Thankyou🙏🏻🙏🏻
Me too ❤
Does it even matter if you are from a cs bground or not? I mean i never saw the desktop functions until i got a laptop at 19. JUst boost up follow the dreams and you'll find yourself above from half of them
bro I am from CSE and I still love to learn here
Day 2: 3:29:09 [Completed]
Day 3: 5:06:56 [Completed]
Day 4: 5:40:56 [Completed] (Zyada nhi krpaya, aaj dusra kaam agya tha)
Day 5: 8:21:01 [Completed "THE COURSE"]
Thanks a lot bhaiyaa...
Oh! You are going too fast!
harry bhai please make a complete video of your learning journey how you learned what your learned and when from starting to end.
Those who agree with me like this comment and comment yess so that harry bhai can notice this.
already uploaded
@OTAK ANIME i think I did and didn't found anything like that, if you know abou that video please mention the link in the comments of the video
@@himanshulalwani2685 bro ab tk jo bhi videos bnayi h sir ne jitne bhi courses ke sb inhone learn hi kiya h
@@codingwithritik5319 waah bhai sch m kya baat boli hai 😂😂
@@himanshulalwani2685 yhi to hmara charche h
finally 7 hours and 34 minutes had compeleted and will compelet wholly soon ....... Thanks bro for making this video
how many data required
@@matmaanbhai9546 1.5 -2.5 GB
@@matmaanbhai9546 If you watch video in 480p it takes 1gb and if you watch video in 720p it takes 1.5gb
Did you make your own website??
Simply * * * * *. I rate you 5 Star. Very nicely Explained the topic and Concept clearing is SUPERB. Thank you very much...
I am watching your CSS tutorial from Bangladesh. This is the best CSS tutorial ever. Thanks for making this beautiful tutorial.
You people understand hindi/urdu?
Even paid courses don't have this kind of content where every topic is touched in detail with their practical real life uses.
Yes yarr very true i like so much this teaching style and harry sir
@@KHSHotaShorts aapka profikle picture nicky romero kae amsk jaisa laag araha ahia
@@las3rb0y Sachi mein kya 😊😊🙏Thik hai bhai 😋
Is this course enough to get full knowledge of CSS for a beginner?
@@prashantpandey6353this is just a basic css for frontend ..
Very few teachers are there in india who are making revolution in studies
Thank you sir for giving a very high quality content for free who cannot afford the money to buy any course.
A very thankful to you sir
Harry bro,
I have fully watched your web development playlist and html in one video which is of 3 hrs and now watching this css course, I am very much statisfied by your style of explanation and your practical demonstration of various topics which will not be clear without your explanations...
Hats off to your hard work and dedication toward teaching the community coding...
यह मेरे लिए बहुत ही सहायक रहा... मै बहुत ही खुश हूँ ... Thanks harry bhai... 🍫🦋🍬🍫🤞
I watched your HTML course first. Now watching this. Really helpful and easy to understand. Respect for you from Pakistan 🇵🇰. Learning & knowledge had no boundaries.
Bandook chala jaake ye sab mt padh
@@bartosz3667 zaruri h faltu ki hate failana?
@@osk3253 hate wo sab failate hai ....aise to India ko gariyaenge kaam parne par hami log ko yaad krnge
@@bartosz3667 Chal be faltu ki bakwaas na Kar. Kahin Kisi Sangh ke channel par Jake goo faila. Yahan seekhne wale log aate Hain, na ki hate failane wale.
@@AlligatorAli kyaa be chomu jyada khujli hai
Salam sir. I was attending your lecture then suddenly i thougt that i have to say thanks alot to u before i complete lecture. U r amazing. There is so many so call motivational money makers people who just try to change your mind and pretend they r working for humanity but they r fruad. Because nobody is giving anything free for humanity. In your subscribers there is so many people who really want to learn but they cannot afford motivational fees but u r giving us free of cost. Thanks alot sir
Just waste 2 years in college but didn't improve my skills or any other stuff or didn''t learn anything...
but Harry bhai... salute to you and your family from all beginners who tried Apna college, code camp and wstech cube etc channels
but they didn;t teach us the way you did ...
congrats sir ... stay happy always Harry sir🤩🤩☺
Besttt course of CSS ever. I will definitely complete this Course 😊❤❤
Thank you Harry Bhai❤
goodluck
Thanks bhaiya.......... Now who wants this ONE video of JAVASCRIPT ......please like so that bhaiya can see the comment. ..... YOU ARE GOD HARRY BHAIYA
@Intensed but with notes chahiye
@Intensed in one video mujhe nahi mil rahi ,pls link bhej do , I have the playlist saved
Me too
yeah with notes plz
Js lao
I have seen your excellent HTML course first. Then I am now learning CSS. My conscience does not wait to say heartfelt thanks for your excellent training for free to one all. Thank you very much.😊
HTML 3 hours course right?
yes same
same here and waiting for javascript course
Yes same..😅❤️❤️❤️
Same after 3 hr m learning css ☺️☺️☺️
I just completed this course, I am 14 years old and I really appreciate it for making CSS learning so easy. Thanks!
Why are you learning to code at 14? No company will hire a kid.
@@no-brainer627 Who said I am applying for a job right now? I know that by the time I will finish college I will be ahead of my competition by alot, So then I will be able to get a high paying job very quickly rather spending 4 year to gain the skills then.
@@no-brainer627 lol you are just jealous
@@WiedrestanNah bro I'm just curious that why would people learn to code at 14. I'm not at all jealous
@@no-brainer627 flex krra he bhai kuch nahi aata usko
Harry Bhai jug jug jio,,,,,,may tumse bohot e behetar tarike se Css sikh rahu.....I think you are a master of Css
I can't imagine the hours of hard work you must put in to make these videos and you provide it for free. It just shows your dedication and your willingness to give back to the people and your love for what you do. Keep going! - New Subscriber. 🤗
editing ke 3 din aur recording ke 5 din ooo bhai too much hard work
@@rudrajoshi4051 aur knowledge ka?
@@subhu143 bro knowledge ka koi time nhi hota knowledge toh insan ko jindagi bhaar milta rehta hai
@@rudrajoshi4051 totally agree !
Yaa i was also trying to say this ❤
How can you not learn something when this guy is putting this much effort in these videos. A true hero, providing us these awesome contents for free
Bhai tum na hote toh hamara kya hota !!!!!!!!!
dil jeet liya hai tumne .....
You are giving such wonderful courses absolutely free of cost..
you could have gone to udemy for these crash courses and get paid a handsome amount for this........but still you bought this for us absolutely free
Charan kahan hai aapke prabhu............
02:44:39 I'll use-
padding: 33px 0px; (for top/bottom padding) OR
padding: 33px 0px 33px 0px;
btw maza aa raha hai harry bhaiya.
8:20:43 It always seems impossible until it's done. Thanks a lot Harry Sir, The way you teach is awesome.
It's true
It's absolutely true
Hey can you let me know at 4:06:10 how did that green box went inside the blue box in my case the green box is placing below the blue box
@@vijayvk490 watch carefully div box was inside the other div...:)
can you please tell how animation worked out?at chapter 8 ie slider.my animation is not working
Nobody knows how much this man has helped me to clear my exams otherwise I couldn't pay my expenses, really this man deserves to be respected...love from Pakistan 😇🥰
Do you think i will be able to get job just by practicing Java ,CSs , And Html without getting degree and going to collage...Just from ONLINE courses??😢
@@LostTet My pleasure 😇🥰
@@luciferegnalot4256 Now I a not interested in any kind of job
No
@@luciferegnalot4256 you can do web development wthout any degree
You have taught me what my 4 years degree couldn't teach me. I mean amazing, you are details-oriented. we ignore small things, but they play very important role in development and you demonstrate them, emphasize them and literally repeat them until a layman could understand. I'm in the middle of the series. Also, firefox should hire you for their marketing :P
so happy to learn by you , such a great teacher and Thanks For Your Hard Work
I've learned HTML from him , May GOD give you all happiness
you deserve better to serve humanity. use whatever you learn for the good of humanity
@@atharvsingh6901 right
same I also learned HTML from him.
same
Seriously I've learnt css in this 8 hours than whole of my engineering....hats off
Hi Harry Bhaiya just completed the course....TO Be Honest I completed this course in more than a month.....But finally got the passion for programming.thank u so much for all the efforts u r putting ...i just got goosebumps ..when u said "recorded 9times"......Love from a aspiring programmer..
8:18:20 Boht helpful tha ye course, right now mai apna ek portfolio kind of wesbite bnane ka try krunga and if kuch bhulta hu toh "AAPKE NOTES H N" mera saath pkde...
Thanks a lot Harry bhaiya...Kl se JS kr rha (With CSS Practice)
❤❤
At any cost, this human need to be kept alive, Big respect sir u brings tears to my eyes because of your work
Zayada na utha bhi chup kr k seekh
One of the best css tutorial ever existed on youtube. we Indians are so proud of you putting this knowledge out in hindi for free .
Are bhai itne mehanat, I have no words to describe your hard work. ❤️
That Right
i am Tahir from pakistan, i have seen many courses videos like Yahoo Baba , Harshit vashisth , apna college but i learnt for you many new things, you are just amazing, they all were Good also. but your all Courses about HTML CSS BootStrap Javascript Are most new, one more thing your way of teaching and with notes and alots of examples Thank you so much for your efforts and valuable time End pe yhi bolo ga apka channel karak hai
White hat jr. Be like:-
Is sajan ko Kya takleef hai bhai??🤣🤣
Right
😂😂😂
😂
Dude😂😂😂
😂😂😂..lol
Finally completed Harry Bhai . You are awesome .Even 5 std student can learn this .Hands down to your immense effort and dedication . Crisp and clear concept . Thanks a lot
Finally I learnt html and css in a proper way and all become possible by ur hard work that u put to make video for us who can't afford money to learn these things via paid courses ...thanks Harry sir...we want teacher like u..☺️☺️
Kanchan mera background repeat kaam ni kra can u help me please
@@DeepakRawat-qm6on actually this problem also happened with me when I was using vs code for css practice so I changed the text editor which is Sublime text editor..u can use this editor for css practice otherwise vs code is also good
@@Kanchankumari-vi9dy sabaaas bhuli
@@DeepakRawat-qm6on bhai mae kr deta hu help batao kya smjh nhi lag rha
So true
Harry vaiya your separated html and css videos are oxygen to advance need of a beginner like me , without your HTML video I could not dare to aim to be a coder, but I found your sigma web dev course is difficult and complex for me . I searched a lot for CSS learning and again come to your CSS this video ,before I learned a little bit of HTML only by your easy style teaching in your separated HTML video .krishna bless you bhai .Going to learn CSS from your this video .
as a fact I also can not afford ,your free lectures with beginners style , you are the unique teacher bhaiya ,you understand the beginners questions and doubts .yes , I was a science background student again I AM PROUD of me that I found me by HTML
Hame sikhne me itna time lagta hai, to socho zara, harry bhai ko record karne, samjhane, organize karne, sequence me lagane or editing karne me kitna time laga hoga. Bhai really salure to you, 8 hours ha video sunke logo ko kaisa lagta hai, aur apne itne mehnat se use banaya hai!!
What a level of Hardwork!
salute!
and thank you very much for this video, really helpful.
I have already completed my 'HTML CSS JS" course and just randomly watched this video to observe the difference between teaching practices of him and my teacher and i realized that I was lacking a lot. I was taught that all the value of "position property" are almost same and i am not supposed to learn that as begginer And I was really lost in the video that I literally watched it for straghit 4 hours...
HATS OFF!!!!!!
Finally completed the entire video and finished the flipkart clone project, very grateful for your hard work and effort in teaching css, will be looking forward to more wonderful videos like these. Thank you!!!!
Congrats bro..
I just started
Any tip for me ✌🏿
@@satyamrajchaudhary272 very good bro and take breaks if needed but make sure to finish the course as it will be a very useful skill.
@@nisheervenkatesha4716 thqu bro . Starting me hii dikatt aagyi 🥲 ctrl +/=comments hona chahiye wo ho hii nhi raha aaache se 🥲
@@satyamrajchaudhary272 pehlay Ctrl phir / dabbao hojayega comment.
His teaching is on another level😮😮
Thanks a lot brother. I thought that i had to pay for expensive courses in order to learn CSS, HTML and JS from basic. But thanks to your playlist i have learnt Basic HTML in just 2 hours and i am learning CSS through this playlist and then i will learn JS also from your playlist. Thanks for creating such quality content with the source code.
I have finished the tutorial and now for building websites, I am using your notes as MDN Reference!!!😊😊
me too
Was this tutorial fruitful
Me also
How to download notes
@@Goldy_fun there is a zip file in the description.....download it into ur pc n extract it there itself...
Bhai tum insaan nahi, gyan ke devatha ho❤️❤️💫💫
.
.
Thank you so much 😊
After HTML, was just waiting for this one and now hoping for JS too!
thank you harry bhai
I completed html course of Harry's bhai video
do JavaScript tutorial please fast
@@yakshjain he already had javascript tutorial playlist on his channel
Harry bhai JavaScript playlist is already there it has near about 70 videos
html,css js all are in one playlist
It took me weeks to understand IDs and Class attributes with other tutorials but your tutorial Harry made me understand this in 5 minutes, thank you. I've only watched 35 minutes so far I'm sure by the end of the 8 hours I will be very confident in my CSS
This CSS course is extremely helpful. and I can’t wait to learn more in the future. I’m really appreciative of the hard work that went into this; it's obvious that a lot of effort went into it. I'm sure other students feel the same. Thank you again.
I don't know how I should say thanks to Harry Bhai. This guy made coding really fun for me at the beginning of my coding journey. Allah apko hamesha khush rkhe Haris Bhai.
aameen
You gave my Web Development journey a good kickstart ✌ Thank You so much Harry Bhai!
Before watching this video, I used to find padding and margin quite difficult but now, I am feeling it quite easier than previous times. Thank you Harry Bhai, love from Nepal.
Please provide one heart for me.
Behtareeennn. Watching from Pakistan. Bohot mehnat ki hai apne. For real! Stay blessed
Please make a series on COMPETITIVE PROGRAMMING & continue the topics left in DSA COURSE
yes sir please
yes
Yes sir please continue
yes sir cp me bhut confusion aari h
Yes sir plz
I have just completed 8-hour time duration with you, and this became a great experience spending such a long hour with you. You are really a so much hard-working person, and you earned all our respect and love via your Nobel deeds. I learned Python, then Html, and now CSS from zero knowledge just because of you. Thank you so much sir from my deep warmth of hearth❤❤
have you tried apnacollege webdevelopment course??
@@strix3289 is it better?
@@Psycho69.. nope they left some topics
@@Psycho69.. is this video perfect for learning css? Or any channel would be appreciated
@@Screwthinker Its probably the best channel for learning to code in any language, This video will teach you CSS as needed to be learned as a beginner, but if you want to learn the topics more deeply, you can see the CSS portion from the "Web devlopment" Course of his channel!
Nice This helped me to learn CSS in just 2 days.
Thanks Bro...
Harry bro,
I have fully watched your web development playlist and html in one video which is of 3 hrs and now watching this css course, I am very much statisfied by your style of explanation and your practical demonstration of various topics which will not be clear without your explanations...
Timestamps
2:30 Chapter 0
6:07 Installing VS Code
7:20 Important VS Code Settings
11:57 First Line of CSS
13:30 Downloading Firefox
23:48 Chapter 1 (DOM, id, class, selectors)
25:24 What is DOM?
25:53 HTML ID & Class
36:03 3 ways to add CSS
39:36 CSS Selectors
57:15 Chapter 1 Practice Set
01:06:32 Chapter 2 (Colors & Backgrounds)
01:10:56 Color Property & Types of color values
01:19:50 Background Properties
01:47:24 Chapter 2 Practice set
02:00:41 Chapter 3 (CSS Box Model)
02:01:56 Mere Bhai Padhle Chhote
02:06:34 Setting Margin, Padding & Border
02:12:19 Setting Borders
02:16:34 Margin Collapse
02:26:08 Box sizing
02:36:08 Chapter 3 Practice Set
02:49:20 Chapter 4 (Fonts and display)
Thanks dude
Bhai tum learn krte jao time stamp add krte jao😊😅
Abe chutiye harry bhai ne already mention kar rkha h video me😅
@@nomadicplayz 1. Harry Bhai ne chapter wise timestamps diye h topic wise ni aur mene apni revision k liye rkhe h terko kya 🙂
2. Bina gaali k b bol skta tha bro tu ye baat vse 🙂
3. Tu b chutiya h 🙂
@@umangaggarwal2017 bhai gali diya uske liye sorry but Kya milta h ye sab kar k?? Rivision k rakhe h acchi baat h par zada oversmart mat bana karo bhai
Best youtuber ever...!! ❤ and very hardworking creator
Harry Bahi Love from Pakistan apka Html ka course meny complete kea hy woh boht acha or helpful tha ab Css ka kru ga InshaAllah ye bhi kafi acha hoga. Thank You So Much.
You're the best programming teacher I've ever learnt from Harry. God bless you sir, Thank you so much for this course.
Harry Sir you are very hard working!! Uploaded in the midnight! Respect+😀😀😎
His channel growth is unreal.Helped me a lot
Just finished your HTML course and I'm looking for css and that's it ❤️ you Harry bhai
Please give the link of the playlist of html full course by Harry
I learned and understood the whole HTML & CSS just because of you sir! ❤
Me too
❤️❤️🙏🙏
Everyone can relate
Harry is just Super Human👨💻🚀
thank you Harry bhaiya ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤ hum jese bcho ki kitni help karte ho 🥺
Not only a best explainer/teacher. But also a great human being providing such content for free! ❤
MAD FAN FROM PAKISTAN 💚
No words to say... U r just outstanding.
Even I'm amazed that you've left no doubt... I was feeling like you're reading my mind and answering all my doubts....
Hats off dear sir 🙏
Congratulations for 3M family, you are really amazing . I am learning front-end web development from your TH-cam channel,
I have already finished HTML and now learning CSS, Your teaching style is very different, and that's the reason I understand any difficult topic easily. So Thank you so much bottom of my heart Harry Bhai. Love from Assam.
watch complete web development course by code with harry it will help you alot
@@AliHassan-eg4hu I Am also beginner... and i am learning very well with the help of these tutorials..
@@innocentguy-qj1wy do it constantly do not skip a single u will learn
@@AliHassan-eg4hu learning web development by CodeWithHarry from the Full Course, or these one shot lectures...which one is preferable ???
@@vishal18990 bro first start with full webdevelopment course playlist then watch these short lecture it will be beneficial i am advising you with my personal experience .
The explanation with carefully designed notes..................very thankful to you sir.........
I havent found anyone better than CodewithHarry in teaching code, His way of expressing things and explaining concepts is very comprehensive and each and every piece of information he delivers refelects his vast experience in the field
congratulations, i have completed the course of HTML & CSS at the age of 13 just because of this man. And now I am going to learn JavaScript. Thank you. We RESPECT your hard work🤝🖖
from which state do u belong bro???😀
@@AmarSingh-pq9tc bihar, patna
Jiya ho Bihar ke Lala👍🏼👍🏼😊
I just complete the HTML and CSS videos. This is amazing .... One of the best tutorials available in the online. Thank you so much Harry sir. Thanks is very small but Thank you 🤩🤩🤩
We have to use laptop with him or just see the video
where are you in your journey now
Thanks harry bhai.You have helped a lot to many students like me.God bless you!❤
Completed Whole HTML and CSS course start to end, Moving to JS course now. The value you are providing is priceless. Thank you very much Harry.
Which JS course are you going to follow? Please share the details.
Yes that would be helpful
@@maazshaikh7905 I will be doing the JS course provided by Harry himself. th-cam.com/video/hKB-YGF14SY/w-d-xo.html
Its not long course(approx 4 hours) and doesn't cover everything. Harry bhai also has Whole Javascript playlist that's worth doing.
th-cam.com/play/PLu0W_9lII9ajyk081To1Cbt2eI5913SsL.html
once completed, I may move on to other paid author courses in udemy if required.
My personal experience- I have always given up learning coding in between when I was watching other authors video.
Harry has some real skills to teach without charging single dime. I m able to stick to his courses n do everything he explains in video.
Also watch his other videos like
Why people failed at coding , why people giveup , how to become front-end...
These kinda video helps to avoid such behavior n make us understand that its normal to feel frustrated while learning coding but don't giveup.
That's it , hopefully I make in Dev role soon n don't giveup this time.
Right now I am in Tech support but understand HTML , CSS , JS fairly.
then after JS?
44:11 yes
1:14:15 acha laga bhai helped to be more poductive and waste less time typing the whole thing
2:12:17 han bhaiya bohot easy hai👍👍👏
2:44:39 bhiaya sirf do (two) values dena padegha ex: 0 and 5,, here o is for top and bottom where as 5 is for right and left
2:47:04 nahi bhiaya because it is margin collapse so it is related and specific to margins only
4:22:11 😂😂🤣🤣🤣
5:41:09 bhaiya 1st and 3rd keya but 2nd wala tho hava me he socha later on I will try but I understood the procedure on how to do it 😅
6:29:22 nahi bhiaya kuki activate nahi kiya na
8:02:18 kadak bhai 😁
this man convinced me to use firefox for the developing tools ....
btw loved your course !!!!
Hat's off to you man...
finally completed this course, thank you so much harry bhai for making such valuable courses and providing them for free.
I started bba first year and in the middle of it I realised I actually enjoy coding and not commerce or account related stuff so now I'm pursuing web development as a self-taught.
Goodluck to me and many other students out there making hard decisions to pursue something they love doing.
Good dude. Same here I completed bba then I got realize the same.
hello i am an ca inter student and i have completed html and now i am doing css so i want to ask you that is this the complete css for web development video your help WILL BE APPRECIATED .
@@sundarraj.brajpurohit3691 To be honest, yes, this video covers most of the important topics required to learn as a beginner. But as might have heard, one can never truly master css as a beginner so if u ever get stuck on a particular topic while making your own projects, it's always better to keep learning from other sources as well such as free code camp cuz everyone has a different way of teaching. Of course, Harry is a great teacher ❤️ and you can also use his cheatsheet from one of his playlists cuz it will definitely help u out in the long-run.
@@AbhishekGupta-mw6lr that's grt dude. Hope you're enjoying it here :)✌️
@@snowtear5785 brother can you give your number for guide my coding journey
One day this guy will get the best teacher award❤️❤️
Of Course bro why not but work hard
Sure, he will.
i don,t need your awards
Finding your HTML, CSS tutorials very beginner friendly and useful. Thanks for adding so much value to our communiyt of learners Harry.
Bhai mujhe cource 1by1 download karna hai kaise karye.. 😞
@@kumariasha1128 TH-cam premium users kar sakte hai shayad ye.
This one of the best tutorial in TH-cam .Really ,simple explanation of the topics are great to understand. Thank you Sir❤❤❤❤
8:21:01 ekdam Kadak 🙏👍❤️
Thank you Bhayia...❤️👍🙏
1:14:23 Mujhe Shortcut ka bhi Shortcut bahut acha laga ❤️😂
2:12:16 Margin Padding set karna bahut easy hai 🙃
2:46:05 Margin collapse nahi hogi kyunki overlap hi nahi karegi
3:12:40 That "Modi" at the End in Lorem Ipsum 😝
3:27:09 Laal Fal - Strawberry 🍓
3:35:50 OP Property in the Question 🤯🔥
5:41:27 Question Solved!
6:29:24 Nahi Hoga
8:02:16 Kadak Website 😍😂
8:18:28 Maja Aaya 😊
One I get Job after college I will donate this guy money for all the work he have done for us 😍😊😊
Dont donate him, he has enough.
If u really want to donate, donate on study of ur next generation
@@adarshanand176 correct
:-)
He is an IITian so his cs skills will be always better
Because he studied properly in his college
@Shardul Thakur he graduated from IIT Kharagpur computer science branch
This video is very helpful for me.
Harry Bahi love from Pakistan ❤❤❤
Finally I Complete Flipkart Clone Last Project Which Is Amazing I Really Enjoy It. I Take 6days To Learn this css 8hr 21mins excellent video
I'm Very Happy That I Found A Best One Who Can Explain Me In Very Simple Style CSS You're A Really Good Explainer Harry Bhai🔥🔥❤
Now its to watch your all playlist🔥
The first-ever course on youtube that made me take interest in learning HTML and CSS, I hope your Javascript course will be this much interesting as well...
javascript ka vdo aagya ky?
@@ris99 It's already in the channel
@Anna English No .Why ?
Bhai agar koi seriously sikhna chahta he to video pura akhiri tak dekho , you will feel proud of yourself on completing the video and will be excited to create your own website. :)
maine chapter5 tak complete kar diya
@Violent Gamer yt Bhai borders wagera sab sikhaya hai?
@Violent Gamer yt thanks bhai reply ke lie🙂
4:36:00 for remember i will come tomorrow 🤣
Bhai apse req h ye or bta do ke ye css ka kitne pecent hoga or kitna baki hoga ise comlete sikhne ke lia
2:44:47 padding right ,left ,bottom , top ya fir padding with 4 different values de sakte hain
timestamp: 8:02:14
Kadak website Harry Sir 🔥🔥
You are amazing sir !!!Thank you so much❤️❤️
Teaching web development for free is something unbelievable
Thanks Harry bhai ur doing a great job ❤⭐
Thank you so much bhai. I was just about to pay 5000 rs for html and css. That too without certificate. Glad I found your channel.
Hey, Harry bhai !
i am Tahir from pakistan, i have seen many courses videos like Yahoo Baba , Harshit vashisth , apna college but i learnt for you many new things, you are just amazing, they all were Good also. but your all Courses about HTML CSS BootStrap Javascript Are most new, one more thing your way of teaching and with notes and alots of examples Thank you so much for your efforts and valuable time End pe yhi bolo ga apka channel karak hai