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 🙂👍
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
thanks
You're voice is so calming. Thanks for the tips
The idea of maintaining aspect ratio is awesome! Just knew about it.
Red Stapler, this video is awesome. Your channel is awesome! You are awesome!
Thank you, your videos really helped! Master of CSS
Easily the best css channel!
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.
I loved the aspect ratio trick!!! Awesome vids man!!!
That aspect ratio trick is amazing
You are the best as usual in explanation of some interesting tips! :-)
The dark mode tip is awesome, thanks for sharing!
Color scheme was interestin'!
That was a splendid video! Thanks so much for all the tips 👍🏻
For Dark / Light mode is enough to specify only one of them, light mode as basic-not specified- and custom styles for dark mode
Can you make a video on the new feature of Gsap the ( Scroll Trigger ) instead of using ( scroll magic ).
Awesome. Some new things good to know.
Great tips!!! Quality video as usual ;)
very useful
your videos are top class
Thanks, that was awesome
Very very good
The cal-c function! 😂
thanks sir, very helpful :D
This video is so useful
Plzz make a full series on css and js and three.js
Please a make a video on how to take inspiration from website s
So useful!
Thank you for this good useful tips.. Voice need little more sound
The channel name is Red stapler but the colour of stapler in logo is white and the bg is red
Aspect ratio is a css feature now
Eu também sempre uso borderbox no *
Hey, can u do a tuto on how to code stripe navbar , thank youu
What are the programs in which you create the code ? Or what programs should I install ?
Can anyone tell what is maximum package of javascript angular or react js developer
Eventually I got what box-sizing does, thank u
Which theme you used bro?
Which ide you use bro ??
How to make div center?
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 🙂👍
Best
Hello are living in abudhabi? Just asking
noice m8
Hi, I am backend engineer who wants to learn css and stuff, where do I start?
thanks a lot
What's your pc spec?
🤔 why red stapler in white color! 😂😀
cal.....C ??
So much juice in under 5 minutes
Best css pro tip is dont flash your teammates
Yes but the breakdown was not great of teaching