🌐 Responsive Web Development: Building Websites for All Devices! 📱💻🖥️

[@piyush5070]

Start 🎉 04:46 - Units 28:27 - Absolute vs Flexbox(properties) 37:00 - Media Queries 42:38 - Important key points to remember Practice! Practice! Practice! End ❤

[@akashpandey1215]

Yaar khud kyu nhi dete time stamps video me

[@Muneeb-Hanif]

@@akashpandey1215 watchtime and ads

[@SunitaPareek-zk3re]

@@akashpandey1215 vo log paleha he itna valuable contant free me de raha he hum to todha kuch ker saktha he na

[@meghayadav6208]

0:00 Introduction of the course 2:07 Starting of course 3:56 Entry of edito 04:46 - Units 28:27 - Absolute vs Flexbox(properties) 37:00 - Media Queries 42:38 - Important key points to remember Practice! Practice! Practice! 45:00 Responsive web development practice with solution 1:21:00 tricks of website hack😉 Thank you for sharing your expertise with the world. You have made a significant impact on my web development journey, and I'm sure countless others feel the same way. ☺☺☺☺

[@TimePassers786]

500 coment se jayda ho gai

[@mrperfect8489]

tq

[@muzamilawanofficial]

Truck work ni horhi Mery sy

[@The_Aesthetic_Developer]

All friemds who came here to study , u are at the right place . They have alot of knowledge . Get knowledge from here and utlize it

[@sahebullah2194]

Watched the whole video without replaying or even getting bored. Believe me, even after completing the whole 1 hr 25 min video I can still watch more without any hesitation... And thats what makes this channel, one of the best for learning development. ❤️❤️❤️

[@TechnoTrailblazers]

Sarthak Bhaiya is one of the best teacher in sheriyans coding school❤

[@dineshkumar1645]

Beautiful topics sir would videos best 😢😢😢😢😢😢😢❤

[@pubggirl8136]

Pura yt chaan mara…itni detailed video kisi ne nahi banai…to the point and really easy…ty …from 🇵🇰

[@zubairmanzoor8125]

true

[@ronaxts]

Me also from Pakistan, really I learned something new!

[@AdilSami-kx3lm]

Me too 🇵🇰👨🏼‍💻

[@GOD_X_LASTWISH]

Bhai ab bomb se nhi fatte ho kya

[@imwithyou8429]

bhai pehele insta reel pe fan tha ab yee vedio dekh ke bilkul bada fan hogaya mera responsive ka knowledge bilkul next level per aa chuka hai

[@letus7967]

Quality >>>>>>>>>>Quantity And this video is the Quality video for responsiveness ❤❤❤

[@MOHAMMEDKHALANDER-g1c]

Bhai तुम तो मेरे लिये सच मे भगवान् निकले, मैने अभी पूरा video complete नही किया, और starting देख के ही बहुत अच्छा लग रहा है, आपको ये भाई के तरह से लाख लाख शुक्रिया, क्युकी youtube मैं ऐसा lecture मिलना rare से भी कम है. Thanks a lot and blessing in abundance ❤❤❤❤❤

[@ritudiva-m5x]

I found this channel 1 month back and have watched all the "Learn What Matters" series. You people are really raising the bar for web development, please keep going and continue giving the best quality content in the coolest way possible.

[@omkarnayakal.5549]

भगवत गीता आहे पाठीमागे.... हरे कृष्णा हरे राम

[@rishabhdev2814]

I was always confused about CSS units but now I can use very confident anywhere your teaching style is unique thanks a lot

[@Fatima63336]

"My name is Fatima, and I am from Pakistan. Whenever there's something I want to learn and can't understand from a teacher, I come back to Sheriyans P. I always recommend your channel to my students, telling them to learn from here if they don't understand something. Thank you so much for providing such great content for free.

[@kumarshivamnair6086]

In CSS, "em" stands for "em-height," which is a relative unit of measurement used to define sizes and spacing in a way that is dependent on the font size of the parent element. One "em" is equal to the current font size of an element,2em= 2*size of the parent element and so on.

[@softmedun6794]

Are bevkufo unhone Jan bujh kr bola h mujhe nhi pta h , comment me mujhe batana, kyuki bhaiya ji ko comment hi chahiye tha😅😅

[@taufik786_ansari]

@@softmedun6794 🤣🤣🤣🤣🤣🤣🤣🤣

[@hemantkumarnirmalkar2868]

Premium and quality videos freely available in this KZbin channel .Loved it ❤❤❤

[@SanjayBisht0410]

"I was scrolling on KZbin to find something to learn about em and rem in CSS, and then I came across this video. I started watching it, and the teaching style is very cool and effective, which I really loved. I found this video very helpful. Thank you."

[@5p2zunayd97]

Thanks to the Sheriyans team for providing premium content for us. This is the best channel in the entire KZbin web development community.❤

[@AshishPujari-h6c]

"Wow, I can't thank you enough for creating this incredible topic focused on responsive website design!. Your clear explanations and step-by-step tutorials have helped me grasp the concepts of responsive design like never before. It's evident that you're not just sharing your knowledge, but also your passion for creating seamless user experiences across devices. Keep up the fantastic work! Looking forward to more enlightening content."

[@MishkatRJ]

Your teaching style is more understandable. Everyone gets attracted easily and enjoys the whole video because of your pleasant attitude. You are the only one whose videos are fascinating.

[@Learnings-b7h]

I visited your channel for the first time...and I was like "aray ye mene pehle kyu nahi dekhi video" ❤ Super 👍🏻..keep doing sir

[@AzanKhan-hw9df]

I am from Pakistan and I watch all your videos with great enthusiasm and Your videos are amazing . I have learned a lot from you. Love you, brother.

[@WorkAholic-y1c]

I spent months understanding the concepts of responsive websites and you taught me in hours. May God bless you!

[@maha33612]

Appreciatted to the instructuctor, he explains quite well with practical examples without making it boring like theory, Thank you so much for explaining the main main topics and with good explanations.. Please bring full clones and react js series also, T.y✨

[@lohitnimbagal4653]

Thank you for sharing your expertise with the world. You have made a significant impact on my web development journey, and I'm sure countless others feel the same way. Your dedication to educating and helping others is truly commendable. 👍👍

[@EmanShehzadi41]

I recently started coding and was facing a lot of issues with responsiveness. Then, my sister recommended your video, which was super interesting! I decided to give it a try and thought I’d just watch a little bit. But your teaching style is so great that I ended up watching the entire video. Thanks for creating such amazing content on KZbin! 🤩

[@abdulrafayakber3798]

This is litterally the best Web dev learning channel , your coding skills are too great!. Thanks for teaching this . Love from Pakistan

[@furandfeatherspk]

agree

[@mahakverma4951]

Sarthak sir Is the one of the reason I study from sheryians..❤. Good content sir... Student needs these types of teacher only.. 💯🙌

[@Bottlecrushanzlina]

hi your comment are very nice and you also nice.

[@MuhammadYousuf333]

pooray youtube pay aisa tutorial nhe mila mujhay literally responsive ka .❤

[@INTERESTING_Plus]

In the context of web development and CSS (Cascading Style Sheets), "em" and "rem" are units of measurement used to define the size of fonts and other elements on a webpage relative to the base font size. Here are the full forms of both: 1. EM: The term "em" comes from the letter "M" in the early days of printing when the width of the letter "M" was often used as a standard for the size of a font. In the context of web development, "em" stands for "em-square," which is a square whose size corresponds to the current font size. In other words, 1em is equal to the font size of the element to which it is applied. 2. REM: "REM" stands for "Root EM." It is similar to the "em" unit, but it is relative to the root element (typically the element) rather than the parent element. This means that the font size specified in "rem" is always relative to the root font size, regardless of the nesting of elements. This makes "rem" particularly useful for creating more consistent and predictable font sizes across the entire webpage. Using "em" and "rem" allows developers to create flexible and responsive designs that adapt to changes in the base font size, making it easier to build accessible and user-friendly websites across various devices and screen sizes.

[@AyanSahil]

copy paste krne ko nhi bolna tha asaan basha me likhde jese mene likha ha

[@INTERESTING_Plus]

Maine chatGPT se Uthaya Hai taaki sub Deep Mai samaj sake..

[@masoudashams6686]

Your KZbin channel is an absolute gem when it comes to explaining complex topics. The clarity and depth with which you break down intricate subjects is truly impressive. I appreciate how you seamlessly combine knowledge and entertainment, making learning an enjoyable experience. Your dedication to providing accurate information and engaging visuals sets you apart. Thank you for sharing your expertise and making learning accessible to all. I eagerly anticipate every new video you upload, as I know I'll walk away with a deeper understanding and a sense of awe. Keep up the phenomenal work!

[@PracticalMindset]

I was stressed about how I was going to learn how to create a responsive website. But now this video has given me confidence 🎉

[@sgiotic8189]

Seriously bro, thanks a lot. I was struggling with responsiveness and now you have made it all clear. Thanks a lot again.

[@dayanand.cdgi.2023]

Your teaching style is very nice. One of the best teacher for web development I have ever seen, I sincerely appreciate the effort you've put into creating such high-quality content. You're helping people in changing their lives by making front end development as their career! Keep it up the good work!

[@coding_with_santosh]

Itne din se web development pd rha hu lekin Aaj ye video dekh ke such me maja aa gya 😁😁😁 Thanks sir 😊

[@jayantsinghrajput8199]

In a word *fantastic* Bro you literally made me thought what has I learned all these months. Usually the long lectures becomes boring over time and an individual began to loose it intrest. But with your case your energy and learnings kept me engaged throughout the video. Can't thankyou a lot ❤

[@nabeelahmad9736]

i just love the energy you bring to coding man after coding all day long when i watch any of your video it makes me learn more to code

[@AhmadM-d9l]

Mein Pakistan se hun Sir Harsh ka course liya tha buhat acha tha Sab Samaj agay frontend❤

[@RahulRajput-um2tn]

One of the best teacher for web development I have ever seen ❤❤

[@musicasylum2043]

25:35 "em" means element and "rem" means root element, like in your example you set font-size in your parents div element and all the nested elements getting the font-size according to that in case of em and in rem the value mentioned with rem getting the actual size according to the root element font-size , by-default it's value is 16 px.

[@Decoder87007]

em has no full form , it's just consideration unit em, rem

[@ShreyasGalgale]

nah bro, its em-heigth, "emphasis"

[@Decoder87007]

@@ShreyasGalgale i think Chatgpt is wrong then.

[@UnsolvedCasesWithShiv]

Bhai the content you provide can really make thousand of engineers worthy

[@AslamSolutionista]

Kindly make the playlist of 'Learn what matters'. It will help us to learn the necessaries first. Thanks ❤

[@deepamaurya6415]

please sir🙏

[@shehlaakhterkhan]

em: "em" stands for "emphasized" or "emphasis." In CSS (Cascading Style Sheets), it is a unit of measurement relative to the font size of the parent element. For example, if the font size of the parent element is 16 pixels, 1em is equal to 16 pixels. If an element has a font size of 1.5em, it means the font size is 1.5 times the font size of its parent element. rem: "rem" stands for "root em." It is similar to "em" in that it is a unit of measurement relative to the font size, but instead of being based on the font size of the parent element, it is based on the font size of the root element of the document (usually the element). This makes "rem" more predictable and easier to manage in complex layouts, as it is not affected by nested elements. Both "em" and "rem" are commonly used in web design for specifying sizes such as font sizes, margins, padding, and other layout properties

[@softmedun6794]

Are bevkufo unhone Jan bujh kr bola h mujhe nhi pta h , comment me mujhe batana, kyuki bhaiya ji ko comment hi chahiye tha😅😅

[@mradulsonare2458]

bhai bhai, kamal kr diya

[@mradulsonare2458]

@@softmedun6794 are nhi pta tha bhaiya ab jo imp nhi h wo bhi kya yaad krke chlenge .

[@softmedun6794]

@@mradulsonare2458 ha 🤣

[@flickbitexplained]

Chat-GPT ho to kya kuch nahi ho sakta 😂😂😂

[@UsmanAlvi-k9k]

You are the best Teacher for HTML , CSS.

[@De-CODE7]

Hey😍😍 Sarthak, your explanations are exceptionally well-crafted, and I find it easy to relate to your perspective, perhaps because we belong to the same age group. Whatever the reason may be, I genuinely appreciate and love your impeccable presentation style. However, there's always room for growth and enhancement. Keep up the fantastic work, and I'm sure your presentation skills will continue to improve and captivate your audience even more!

[@sarthak-sharma7]

❤

[@pareshkamaliya2493]

This series has been an absolutely fantastic learning experience! I sincerely appreciate the effort you've put into creating such high-quality content. I can't wait to see more of your captivating web 3.0 designs and engaging JavaScript tutorials featuring real-time projects. Thank you so much for the dedication and passion you bring to this! ❤❤

[@sureshbhugwadeofficial2242]

This series has been an absolutely fantastic learning experience.

[@MrTweaksGaming]

series ka koi playlist hain kya.?

[@HassanAli-h6h]

In Cascading Style Sheets (CSS), "em" stands for "emphemeral unit". It is a scalable unit of measurement that defines the size of an element relative to its parent's font size. Here are some examples of "em" in CSS: 1em: Means "equal to the current font size" 2em: Means 2 times the current font size 0.5em: Means 6pt 2em: In a 2em unit of measurement, if your font is 11px (11 pixels), then 2em equals 22 pixels

[@ShubhujeetGhosh]

I like the content very much, Thank You for creating such valuable videos, also which I come to know that we can well define "vmin" as "atmost" and "vmax" as "at least" while practicing. Thanks again for this video!

[@simplyskandi5973]

Hi Sarthak, amazing tutorial on responsive web dev, thank you for going in so much detail and developing a landing page as an example. Sarthak, would be wonderful if you could show us how to tackle a complex layout (like the miranda retro website) in a responsive way. They have used grid in the original website but it seems a bit confusing to practice.

[@sarthak-sharma7]

Alright we’ll cover that in further videos

[@simplyskandi5973]

@@sarthak-sharma7 keep up the great work, we’re learning so much!

[@AyushPandey-zy2wz]

wah baba wah kya padhya hai bhai jabardast sala aisa video pura youtube pr nhi h sab jagah dhooda lekin jb nhi mila tb ye mila aur mila to aisa mila ki dhakad jabrdast thanks bhai

[@GamingWithParamYT]

Perfect video ❤ At perfect time 😊 I'm learning css and confused about responsive 🔥 Thanku Sheryians Coding School 🏫 For this video

[@SohamChogale]

#responsivedone Best educational video i've watched till date. I learnt a lot in a single video, which now-a-day is very difficult but you made that possible. Hats of to your work Sarthak bhaiya ❤

[@ganeshmanna3185]

Got clear concept of responsibness available on KZbin ❤

[@farmanansari2488]

Thank you Bhaiya For Providing us this Level of Content ♥ love from pakistan 😍😍😍😍

[@d_29_kartikyadav69]

Shrimad Bhagwat Gita and Ramayan in background💓💓💓💓💓💓

[@ayushjohari8632]

bahut badiya video banai h bhai mujhe responsive banani nhi ati thi to is bali video ko dekh kr me seekh gya video banane ke liye sukriya ❤

[@AnujKshatriyaIITian]

Sarthak bhaiya ❤

[@Superuser-r1y]

You are a Rising Star ⭐ 👍

[@faizakashaf805]

I really like your way of teaching ,I was wandering for any channel to learn how to make responsive websites, then came through your channel .You taught in sooo deep and easy way .Gr8 job and thanks

[@laibakhurram5666]

One Like for Akarsh 👍

[@ShafiqAzhar-jf5bo]

10000000000000000000000❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤10000000000000000000000❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤10000000000000000000000❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤10000000000000000000000❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@VR-Cristano]

Sir majay problem ha Class =‘’content”. Height: calc(100% - 100px); they not applay

[@tararajput-q3y]

em means "elements multiply" ye name mne khud se bnaya hai btw your r the best qk me bohht pareshan the responsive web bnanay k liye Thank youuu

[@samourpaul6405]

Bhai ki girlfriend ka naam bhi lagta hai Riya hai😂😂😂

[@_mr_shayar7036]

😂😂😂😂😂

[@AhmadkiBaaten]

Oh sarthak bhai width ya size nhi speed hota ha khair!😊 wese bolte tu fast hi hu lekin me normal speed me hi sun rhi or smj bhi arahi😊👍👍👍 bohat informative vedio ha ! thnx💫

[@mradulsonare2458]

Are Bhaiya Maje baandh diye, pr aap khtnak customisation krte rhte ho to ye baat beginners ko dikkat kregi, hum to intelligent hain. Thankyou #responsivedone

[@ElachikiRachid]

أحسن واحد كيشرح مزيان شكرا بزاااف

[@user_hinth]

Ye insaan Alag hi level pe hai...Unka parhana Bohut different hai

[@prashantpatel797]

Abb jake mera responsive wala confusion clear hua.❤thanks for the topnotch content ❤

[@abdullahansari8262]

Must video for those whose want to learn about Responsivene😇

[@E_ter_nit_y]

this is hands down one of the best video on responsive web development. Must watch.

[@ankitchoubeyyy]

maja hee aa gaya. ye hai mere jivan ka pehla course jisko maine complete kiya hai

[@habibtariq9098]

Means a lot sir 💝 It's my first project since I started learning web dev 😊

[@AbhinavRaj-lo8oq]

Y0u Are the One of the best teacher in youtube in coding field.Thanks A lot

[@jayaverma167]

In CSS, the full forms of `em` and `rem` are: - `em`: Element Measurement unit (or simply "em unit") - `rem`: Root Element Measurement unit (or simply "rem unit") These units are used to define font sizes, padding, margins, and other measurements in CSS. `em` is a relative unit that is equal to the font size of the parent element. For example, if the parent element has a font size of 16px, then 1em would also be equal to 16px. `rem`, on the other hand, is a relative unit that is equal to the font size of the root element (usually the `` element). This means that 1rem is always equal to the font size of the root element, regardless of the font size of the parent element. Using `em` and `rem` units can help create responsive and scalable designs, as they allow measurements to be relative to the font size of the element or the root element, rather than being fixed to a specific pixel value.

[@RanjanKumar-lm8tf]

The best video on responsiveness till date....Thanks bhai for taking my fear about css.. Before this video i always get stuck while writing css what to do next and even if i would be able to create a website i always worry regarding its responsiveness but Bhai apny sab suljha diya.. Thank you for making such amazing content...

[@MohitKumar-sb5tq]

Great video. It was fantastic learning from you about responsiveness, and I was dealing with changing pixel sizes only to test how my website would look on my mobile, and your hack just saved me from all that trouble in the future... Thanks to you, sir.

[@ItsPradhyumnn]

bhai aap bohot achha samjhate ho, idk what your qualifications are but you are definitely a qualified teacher :)

[@hrushi1419]

Here I got all the knowledge I need about HTML and CSS thanks bro.

[@abdulmanan-jq4ot]

Sarthak Bhaiya is one of the best teacher in sheriyans coding school love you bro

[@cricketmasti106]

You are awesome bro mujhe aaj tk vw , vh ke concept me bhut dikkat tha lekin aapke video se mera ye concept solve ho gya .Thanks!!

[@ZeeshanAli-kd1lp]

Sarthak Bhaiya Bht Zabrdast Video tha, dil se shukriya❣

[@VrajParmar-k8v]

Thanks Sarthak Bhaiya And Harsh Bhaiya ❤️

[@sheslifestyle29]

Hey there! I'm from Pakistan and currently I'm learning mern stack development Your video is very helpful for mee you say in the first 1minutes on this video ( aesa video kahi nhi hoga pory KZbin mai) and trust meee i have searched and watched alot of videos about responsiveness but no one is clearing my doubt you teach very well❤ this is my first comment on KZbin videos 👀

[@kishankushwaha1068]

puri video me esa laga jese Chaddi-Baddi ke sath Chai pakodo ke sath sikh raha tha.... Thanx...

[@Bevvy95]

For the first time, I understood responsiveness very clearly. Thanks, man

[@moammarnaeem9192]

One of the most informative video in the whole youtube ❤ Every unit is describe in dept and clear all of confusion .....❤❤❤

[@RohitGupta-d1z]

Perfect channel to learn full stack development course ❤️

[@swayam_arora]

bhai last wali trick bohat majedaar thi. now i don't have to change page again and again Thanks.

[@ManishSihaniya]

This is Perfect Video jiski mujhe talaash thi. Thanku Sheryians Coding School 🏫 For this video

[@sidversegfxx]

Literally Most Underrated KZbin Channel For Coders! Loved it Boysssss Keep Rocking!

[@Shorts-ib5fv]

bhai bahut c chize sikha ke hi video se ........love u sarthakk bhai

[@mrvikramgore2474]

sarthak sir ji thank youuuuuuuuuuuuuuuuuu .......................................................

[@sanketgadhe6500]

First time bhai dekha hai aur dil jeet liya bhai tune pura end tak dekha aur voh trick live karne ki kamal hai bhai 😁

[@asmanazmuhammadanwer8714]

excellent aesi video nahi ha youtube pr

[@asifpatni2535]

Thanks brother bht acha samjaty ho

[@alokumarjaiswal]

'em': element ( parent element ) 'rem': root element ( element )

[@AliWasif-e5n]

THANKYOU SIR MUJH 100% ME SAY TAQREEBAN 30% SAMJH AYA AB PRACTICE KARO GA TO OR ACHEY SEY SAMJH AJAE GA INSAHA ALLLAH

[@abhishekmarwal1750]

em means the size equal to or relatively equal to the Capital "M" in alphabets that's why we call it em ,,,M ex: font-size of 1M (em)✨ Thanks for sharing this content nice explanation🎉

[@BreakFirewall]

Best and perfect Video for beginners on the whole YT. TYSM for this content❤

[@khanimtiyaz8668]

one of the best video in youtube for learn resposive webdevlopment

[@abhilashshettyk6945]

One of the best free content available for Responsiveness

[@MSDeshmukh2510]

15:42 wow app bahot ache se padhate ho🎉