How to ACTUALLY Master CSS?

⚛️ Learn Full Stack Development on codedamn: cdm.sh/fullstack
Timestamps
0:00 Teaser
1:06 #1 Box Model
1:58 #2 Layouts
3:26 #3 Units
4:26 #4 CSS3 New Features
5:06 #5 Responsive Website
6:25 #6 Animations
7:46 #7 PosttCSS / Saas
9:24 #8 DevTools
10:29 Conclusion
11:31 Outro
👉 Free HTML5 + CSS3 Course: cdm.sh/htmlcsscourse
👉 Free JavaScript Course: cdm.sh/jsbasicscourse
👉 Free ReactJS Course: cdm.sh/react
👉 Free NextS Course: cdm.sh/nextjsbasicscourse
💰 Refer codedamn to friends and earn $$: cdm.sh/refer
👉 Checkout codedamn on social:
Instagram: cdm.sh/ig
Twitter: cdm.sh/twt
Facebook: cdm.sh/fb
GitHub: cdm.sh/github
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.
📙 I am an author of 2 books, on JavaScript and React - cdm.sh/mehulbooks
🚀 Currently working on my own startup - codedamn.
Connect with me:
📸 Instagram: cdm.sh/mehulig
📱 Twitter: cdm.sh/mehultwitter
📝 LinkedIn: cdm.sh/mehullinkedin
📂 GitHub: cdm.sh/mehulgithub
🌎 Personal website: cdm.sh/mehulblog
💻 Start learning to code for free: cdm.sh/codedamn
🧑‍🤝‍🧑 Discord community: cdm.sh/discord
👉 HTML5 + CSS3 Tutorials: cdm.sh/htmlcssytplaylist
👉 Complete JavaScript Tutorial: cdm.sh/jstutorial
👉 Complete React Crash Course: cdm.sh/reacttutorial
👉 Next JS Tutorials: cdm.sh/nextjsytplaylist
🏷 Video Tags:
How to ACTUALLY Master CSS?
learn front-end web development
learn front end development from scratch
master css
master html
Fastest way to be a MASTER web dev
how to code
css course for beginners
css3
css tutorial
css for beginners
html css
css beginners
css course
cascading style sheets
css crash course
css tutorial for beginners
👉 Check out my other personal KZbin channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: cdm.sh/mehulyt

[@shadestorm3995]

I am among those guys who suck when it comes to UI, I found a really great channel to work on my css but then further into I realised they were working with sass which I had no exp in, I rage quit youtube that day. Other than that, Kevin Powell is another such great guy who makes vanilla CSS oriented videos. Have learnt a lot from there.

[@coolgundu]

Watched till end. Thanks for giving back to the Developer community!

[@deepfictionanime]

Great topic. CSS is actually really tough to master.

[@n066kushalwagh8]

True 🙂

[@Sugurous]

And people say Js is hard 😫

[@remix2die4]

So true

[@charles4k8k]

not really just got to put the time in effort

[@zummotv1013]

@@charles4k8k show me your website

[@tishycs8187]

thanks this video helped me a lot your roadmaps are very helpful you explain everything easily and in-depth

[@subyouwont]

I’m a very fresh developer, this helps put the sections into perspective. Proud that I’ve already taken good notes on units and started to try to understand them and their use cases

[@satwikshet9012]

Awesome video brother. Thank you for making video like this 😊

[@isaiasxd4453]

Excellent content .. of course I see this video until the end. Greetings from Colombia 🇨🇴

[@viallymboma9874]

You're great man...you thought me about posstcss I didn't know about that...and yes of course sass is a super power...I use it everywhere even with react...I have never used direct CSS anymore since I met sass

[@connorb2742]

Thank you mate. Great video!

[@parinsheth4971]

This is a great topic to discuss! Ty buddy

[@Shivampandey-tt7es]

Nice topics covered !!

[@arunwithcam5072]

Hii this is Arun here, I am fan of your teaching skill and thanks for improving my skill some fronted tools and this is my first comment on KZbin Community.

[@omaralbar9719]

Thanks a lot for the clear explanation

[@pranavbhat29]

5:10 might also be worthwhile to talk about clamp(min, actual, max) and its usage

[@lonelydev7984]

Refer the shorts in my channel for min and max

[@itstechshow7747]

really informative video Thnak you❤️

[@arrayofsilicon]

Thank you so much bro for this video this is life saver for me

[@mohammedeleriaan5986]

It's really great to have some kind of check points while learning a new technology, I hope you make [ How To Master ... ] Series to take about a specific technology & how to master it correctly cuz a lot of new learners think they know enough but the truth is the opposite

[@artaken7449]

Really helpful, thanks

[@VeaceslavBARBARII]

If you want to Master CSS, you might also want to watch Kevin Powell. He's a CSS king 👑

[@XenoZeduX]

True, I would also add LayoutLand even though she hasn't uploaded any video in a long while; her conference talks are also very cool

[@teenxgaming4023]

No one css king and no one learn 100% css it's impossible because css have many underrated values even online dosnot know

[@lea3225]

This actually is full of practical concepts to learn. I’m a backend developer wanting to strength my frontend skills really find this valuable.

[@Jesusjunkie402]

Dude, I suck at JavaScript! CSS makes sense to me and I love it❤

[@eugeniosp3]

Nice vid homie

[@exploringwithhussain]

Great work keep it up

[@bdineshbsdj7707]

Excellent Sir 👍👍👍👍

[@AjeyHindu-iw9rh]

Amazing video. ❤👏

[@AtiqueRahmanatik]

That's some very good practical advice.

[@karen6560]

thank you so muchh! When you jump into css you later understand that this is the foundation

[@Parveenpandit]

Thanks sir, it's helpful for us

[@bhagyesh_in]

Thank You Sir..!

[@ovuobaemmanuel6188]

Thanks . nice content

[@ShinobiSan]

Gotta follow those playlists now after watching till the end

[@abhishekkumarsingh659]

Amazing video! I wanted to ask if floats are still important enough to give so much attention? I mean position, flexbox and grid already provide so much functionality that I haven't seen a use case that I would need to use floats and can't solve them using the above.

[@smoothbeak]

I thought the same thing

[@Tech-Dev]

Thanks for this.

[@slandrei]

Watched till end!

[@jdwright58]

Good video - thanks.

[@Gahlfe123]

wow what timing, i was going to review my css knowledge today too

[@vishalg1939]

Hi, I am a beginner And can you pls refer to some source where I can learn about CSS and other front-end development languages?

[@thatoneuser8600]

Aren't you supposed to review a little bit of your knowledge every day?

[@aqeebshaikh423]

I watched this video till the end!

[@web_hub]

Amazing !!!

[@bhaveshrughwani]

This video is helpful for flutter devs as well

[@ritikashishodia675]

One u single person share about how improve my css thanks for making video

[@soorajs577]

Waiting for this

[@hariramnarayanan5157]

I love the way he says 'hey'

[@33.kartikpatil50]

I watched this video till the end ❤️❤️

[@sumanthprabhu11]

Which CSS library/Framework for React is used most in Indian Companies or which are the few ones we should know ?

[@shivanshpatel4072]

Bootstrap is the most used css Framework

[@xoldyckk176]

TailwindCSS, Chakra UI, Material UI, Ant Design

[@muthupradeep1]

useful informations

[@conorsmall1373]

great video

[@qasimnawab957]

i watched this video till end plz do a video on how to master javascript

[@stephenajulu]

Amazing! Kindly do JavaScript next. Thank you so much for these videos.

[@codedamn]

Welcome! I've already done the Master JavaScript video

[@stephenajulu]

@@codedamn thank you, looks like i missed it.

[@nitrotech9701]

Please and please do Javascript next.

[@blueflames9183]

Watched till end

[@nishatali1]

I watched this video till end :-)

[@jaycodes8790]

Brother, let me give you tomorrow's topic for video..... 'About the resume for a CS fresher candidate'. I request you to make a video on this. Would Love to know about the dos and don'ts of resume from you.

[@nabilasi1776]

What about tailwind css??

[@imnemo2327]

Make a video on colors....please

[@mr.bombayfunk8997]

watched till the end

[@vijaynavale3919]

In my job sometimes i need to make new html for mobile as well

[@arunsaklani9890]

IAM learning bootstrap after CSS and it's grid system and and display property is easy than CSS and we can replace CSS grid system and display proprty by bootstrap then what the use of csd grid and display i DNT understand pls can anyone reply my question ?

[@user-xz9cw8bf3l]

I have watched this video till the end

[@tulsiram9669]

till the end

[@variation7491]

i watched this video till the END 😤

[@fari_edu2020]

Plz do javascript next

[@viallymboma9874]

I think one reason why CSS seems to be hard to master is that, developers tend to shift more focus on structured or dynamic languages (JavaScript and the rest of the sever side languages) because that's where the business logic or the purpose of the app they build is...so they prefer to use a UI template bought from someone or they prefer to use already made UI component libraries like Bootstrap and the rest...so by doing so they actually don't give themselves the chance to really dive deep into the technical UI Design aspect...they don't have enough time spent in working with raw CSS to be able to master it...and that affects their level of mastery of CSS

[@adem1829]

I mean, if it’s already prepared for them, why would they waste time to do it themselves and dive deep into CSS ?

[@viallymboma9874]

@@adem1829 well actually it is an individual preference i think...for me I prefer to have the raw CSS superpower and be able to even build my own bootstrap or Tailwind or any other likes...for me as a developer I feel like I need to have all the raw powers to do all I need from scratch and have full control on every bit of my own design...and not depend on any css library...using sass is also good because it's not an already made library but rather it is a way of writing css that makes writing css really enjoyable...I enjoy that hectic process and truly it has fired me really up in the UI Styling work...I can style things myself just like material UI does or bootstrap does...I can create my own dashboard design and you'll think I used bootstrap or material UI...yet I used CSS myself to do so...and I did it so much that I have become fast...so I can come up with a design from scratch without libraries...but as I said it's a matter of preference...me I prefer the raw power than the library power...but of course I'm still learning and I'm far from being perfect...

[@mohamedhussein7307]

I Watched till the end

[@user-fw1pd2zt8y]

I watched till the end

[@soulninjadev]

solid

[@eldevea]

I watched this videos till the end

[@apexashwin]

It only took me 2 months to learn c# as a college dropout and get a job but i still struggle with front end stuff. I know bootstrap and i can create simple forms but when it comes to complex layouts i struggle alot. Any advice would be helpful.. what should I focus on?

[@danielchettiar5670]

Hey Ashwin. How hard is the market to get into for non tech people, or "tier 3" BSC guys? What was your exp?

[@apexashwin]

@@danielchettiar5670 It's almost impossible to get any placement in India except in startups without a degree, i self learnt C# and Asp.Net core MVC for two months with another one month of Ms SQL training by downloading courses from internet and using w3school, I landed in a Remote job for a Dubai based IT firm with a starting salary of 30k per month, I think it's better than nothing.

[@rony9980]

@@apexashwin how did you get a remote job?

[@rahullraj7667]

I watched this video till the end.

[@aravi2775]

bro each video i seen, untill the note came to screen "i watched this video till the end"

[@swapperpro1218]

I watched till end

[@eleah2665]

I watched this video to the end! I know a little about a lot. Sooo . . . how do you do that crazy layout at 2:55?

[@rahxephon76]

Check out Kevin Powell's KZbin channel he has a tutorial on something like this.

[@realashad]

Flexbox flex-grow maybe

[@riskitall7421]

How to become a great css writer ✍️ : 1. Use flexbox 📦 2. Add padding: 20 You’re welcome.

[@shrey768]

Remember grid may look tempting, but it's not your friend.

[@shrey768]

Everything grid can do can be achieved with flex

[@TheAwakeningMission]

Why? It's not that difficult. Once you master both flex and grid, positioning becomes much easier than just using flex.

[@erinmaidensfx892]

I prefer flexbox over grid in the majority of situations, but there’s a time and place for both.

[@saikumarkandikonda431]

Watched till last

[@MarkAnthony819]

IMHO...understand pts. but definitely stay away from them unless you absolutely have to. Pts. are primarily for print configs.

[@Lafsha]

as a backend developer i hate css, thats why i chose backend 😂😂

[@shivanshpatel4072]

Same here 😂

[@mahendrabishnoi716]

no one can run from css u have to know a bit of front end as a backend dev.

[@Lafsha]

@@mahendrabishnoi716 yeah facts

[@mahendrabishnoi716]

@@Lafsha ikr :-)

[@iritesh]

I equally love backend and frontend. I might be the only one. 🤷

[@ProgrammerRajaa]

❤️

[@avi130avi130]

👍🏻

[@DeuceTheGamer66]

Nesting is available now, lol

[@j.foontb.1113]

Actually

[@Ashwin.Ravichandran]

create a video about how to use Browser dev tools

[@codedamn]

Here's a course : kzbin.info/www/bejne/j2TYY5qopLR6Y6M

[@HassanHassan-ch8ml]

Watch till end

[@-Abdullah1]

👍👍

[@yournemesis8232]

Short answer - if u are impatient u wont ever will love coding

[@charles4k8k]

my css went from normal to advance trying to master my css.Its not that hard as a programmer they kind of the same logic and concept

[@silknetstudio9104]

i suggest tailwind css

[@erinmaidensfx892]

Tailwind > bootstrap

[@stomperhk9107]

There is no way.

[@musiclabra7767]

float? are you kidding me the reason why flex and grid developed is to avoid using floats anymore and now you suggesting to use float to solidify the knowledge of CSS. one you know flex and grid you can never go back to floar unless the company website you are working is classic

[@imnemo2327]

Well precisely he said to do some hacky like stuff,he doesnt said that make the whole layout with float

[@josephmendes2534]

Mastering css is not a joking matter 😢

[@shadowop-bgmi2202]

Need Upi codedamn

[@codedamn]

Coming soon!

[@jagdishjena9058]

Plz talk in hindi bro.

[@abubakarshf]

its developer not DAVALOPER!

[@khizrshaikh9902]

I watched this video till the end!

[@mayankkashyap253]

I watched this video till the end!

[@parthasarkerconst]

I watched this video till the end!

[@Cowglow]

I watched this video till the end!