10 CSS Tips You NEED TO KNOW

[@webdevelopete]

Hey, thanks for checking out my video! Let me know what other CSS tips are worth mentioning, in your opinion!

[@codingcoderson]

Dude.. these are great! I knew only the max-width and the gap. Good channel, keep them coming.

[@webdevelopete]

Thank you very much! I will definitely keep them coming!

[@guntherjordan7177]

Hey! Tip #1: You can also combine the values with the min() function. This will always use the lower value depending on the container element size. Example: .element-maxwith { width: min(750px, 90%); } Also if you need to define all three width-values (width, min-width, max-width) you can use the clamp() function which does combine them in a single definition. Example: width: clamp([min-], [width], [max-]); Tip #2: Why don't use the ::first-letter selector? You don't need to add an additional class for this! Example: h1::first-letter { font-size: 2em; font-weight: bold; color: red; } You don't need to fill up your html-code with unneeded style definitions! Last Tip: you know the webkit stuff is like a pain in the a...? Does only work on one single browser...

[@webdevelopete]

Hey! Thanks a lot for the comment! These are actually really good suggestions and alternatives! clamp() is supported by all major browsers, so it is a good alternative to save some extra lines! 😉 I will make sure to include these on my next CSS tips & tricks video! I hope you found some of these tips useful!

[@DefinitelyNotAProgrammer]

Can't wait to use the transitions on all buttons on my website

[@webdevelopete]

Go for it! It will make the whole UI experience better :)

[@Codeliber12]

Thanks ❤❤❤❤❤

[@webdevelopete]

You are most welcome! 😁 which one you liked the most?

[@nirmalhasposted]

Really Useful..

[@webdevelopete]

@@nirmalhasposted that’s great to hear, thanks! Did you know any of these 10?

[@nirmalhasposted]

​@@webdevelopeteonly the max width..

[@webdevelopete]

@nirmalhasposted I’m glad you found value from my video! :)