5 CSS Tips to Improve Your Dev Skills

[@UkraineAb0veAll]

Timeline for 5 tips:
0:21 - box-sizing: border-box;
1:26 - background-repeat: round
2:15 - Advanced box-shadow
3:07 - (for responsive design) CSS aspect-ratio
4:00 - prefer-color-scheme

[@verdipratama]

thanks

[@Alessandro-nq3tm]

You're voice is so calming. Thanks for the tips

[@hanifanmohamad2327]

The idea of maintaining aspect ratio is awesome! Just knew about it.

[@bmejia220]

Red Stapler, this video is awesome. Your channel is awesome! You are awesome!

[@nguyenhuuanhtuan5360]

Thank you, your videos really helped! Master of CSS

[@yt-sh]

Easily the best css channel!

[@s427]

3:33 - IMO using calc() is not really necessary since the result will never change: it's always 30.9375%. So you can just use this value.

[@nikhilmwarrier7948]

I loved the aspect ratio trick!!! Awesome vids man!!!

[@sommie4935]

That aspect ratio trick is amazing

[@alexzander2107]

You are the best as usual in explanation of some interesting tips! :-)

[@Harbiscus]

The dark mode tip is awesome, thanks for sharing!

[@forhadrh]

Color scheme was interestin'!

[@petecapecod]

That was a splendid video! Thanks so much for all the tips 👍🏻

[@catalinim4227]

For Dark / Light mode is enough to specify only one of them, light mode as basic-not specified- and custom styles for dark mode

[@Ahmad-lc1ln]

Can you make a video on the new feature of Gsap the ( Scroll Trigger ) instead of using ( scroll magic ).

[@DevNegant]

Awesome. Some new things good to know.

[@CodingJourney]

Great tips!!! Quality video as usual ;)

[@1rfan_saeed]

very useful

[@moizkhalid2714]

your videos are top class

[@marajulislam4691]

Thanks, that was awesome

[@wgm247]

Very very good

[@briankgarland]

The cal-c function! 😂

[@phuocquang2314]

thanks sir, very helpful :D

[@alex19991014]

This video is so useful

[@aayushsingh8885]

Plzz make a full series on css and js and three.js

[@mrp3443]

Please a make a video on how to take inspiration from website s

[@arnurs5019]

So useful!

[@ranjithkumar-rc1sh]

Thank you for this good useful tips.. Voice need little more sound

[@narendravishwakarma8175]

The channel name is Red stapler but the colour of stapler in logo is white and the bg is red

[@felipeferreira5206]

Aspect ratio is a css feature now

[@mariolopes6262]

Eu também sempre uso borderbox no *

[@belscode3941]

Hey, can u do a tuto on how to code stripe navbar , thank youu

[@christianlacroix5430]

What are the programs in which you create the code ? Or what programs should I install ?

[@ganeshtripathi1757]

Can anyone tell what is maximum package of javascript angular or react js developer

[@a.anvarbekov]

Eventually I got what box-sizing does, thank u

[@eaminahmed7380]

Which theme you used bro?

[@bhargav1811]

Which ide you use bro ??

[@vexingcoder3437]

How to make div center?

[@Explore2Adore]

If you have not found an answer...
Specify a CSS width on the the , then add the "margin" property and set to "auto".
Example below....
div{
width: 20%;
margin: auto;
}
You can add 0 margin to top and bottom if needed, unless you've already set it to 0 as a 'reset' at the start of your CSS file. Example below...
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
If you need to align it vertically (Y axis) learn CSS Grid, it can assist you with positioning, also learn Flexbox afterwards 🙂👍

[@SMOKESTRA]

Best

[@tonywest9146]

Hello are living in abudhabi? Just asking

[@alejandrodoe9168]

noice m8

[@jayjaayjaaay94]

Hi, I am backend engineer who wants to learn css and stuff, where do I start?

[@techydeveloper]

thanks a lot

[@anirbansarkar6907]

What's your pc spec?

[@gowtham3623]

🤔 why red stapler in white color! 😂😀

[@dasten123]

cal.....C ??

[@cortarelva]

So much juice in under 5 minutes

[@nabiisakhanov3522]

Best css pro tip is dont flash your teammates

[@drewm9606]

Yes but the breakdown was not great of teaching