10 CSS PRO Tips and Tricks you NEED to know

😎 Become a Member to Support our Channel: / @coding2go
👉 Get our HTML & CSS Course on Udemy: www.udemy.com/...
In this video you will learn 10 CSS Tricks for Beginners and Advanced Developers that want to learn modern css concepts. These 10 css pro tips can boost your productivity. You will learn how to write better code in css, fix common css problems easily and how to write professional css code with just a few lines of code. Including CSS Grid Tips, CSS Flexbox Tips, columns property in css, better form designs, accent-color, caret-color, drop-shadows, overflow property tips, How to animate to height auto in css, how to use clip-path in css, attr function in css, and conic gradients
🫡 Source Code on our Website: coding2go.com
Host Your Own Website With Hostinger:
🚀 www.hostinger....
✌️ And get a huge discount with our code: CODING2GO
Concepts you will learn in this web dev project:
✔ HTML, CSS
✔ How to animate to height auto
✔ CSS Pro tips for beginners
✔ css tips and tricks
✔ how to improve in css
✔ how to write better css code
✔ how to write clean css code
✔ css grid tips
✔ columns property
✔ drop shadows in css
✔ accent-color
✔ caret-color

[@PicSta]

I am following Lun Dev for a long time by now, and he has some great, highly valuable content. What you both are sharing is the great content and information, strict to the point. Not much, blah blah.

[@dannny6019]

The column property really helpful. Definitely gonna be using it

[@codesthenos]

pure gold video, cant explain more usefull things in less time, no possible

[@RASTUDIO_0]

Big don came to RUclips who is very passionate to build and teach coding every one who want to become a professional in this field...
Good work, make complete video on full stack web development .
Love from Pakistan, I can not speak English but l like so much your videos as well as your coding 2 go channel. By the way, your channel is gift for me to learn coding in my life, your videos and your coding level on the next level, before watching this video, I would say that you have a great experience Fabian Sir...
Thanks for this amazing and informative video...

[@benvindadossantos2092]

I have learnt something very useful, thank you

[@codeman99-dev]

7:11 Dude. Tip #9 is a game changer!

[@gabrielv2340]

In Tip #7. You can use the property: interpolate-size:
allow-keywords; then when you Click on the element give it a height: auto;

[@mr.fabian8471]

Magic !!! Thank you so much!

[@ZeKiwiOfTheNorth]

When i saw the thumbnail, i thought you brought me a timely solution to an issue I'm having, but it's not the case 😅
I'm trying to have three horizontal text blocks across the top on desktop viewing, but have them align vertical when the window is made smaller/when viewing on mobile. Can anyone make any suggestions?
Grid will swap to vertical if i specify the box size by pixels (okay, but I'd like 1, 2, or 3 images to fill up a given space), and trying out the columns has my boxes melding over one another when i change the window size

[@kenechukwuwisdom8287]

Pls make a playlist on DOM manipulation

[@julienheng3880]

Your videos are amazing! Thank you very much!

[@khaledMohamed-tp4wx]

Lun Dev you and Kevin, three channels for CSS i like and follow

[@amphortas1]

Thank you! This is valuable info!

[@savan-kumar-sk]

Awesome 💯👌

[@Anisulhoque-k5l]

very usefull tips

[@paIeville]

thank you so much for making informative videos ♥️

[@Abdullah_WordPress_Expert]

great mashallah i leart from you so meny thing thanks alot

[@sharmastyles2749]

for tip 1 me using box shadow

[@kryp_arnold]

Such a nice video, well done boss ❤

[@lenniii2011]

Hey which Visual Studio Code add-ons do you use?

[@nickolaizein7465]

Great again!

[@pixelharmonie-webdesign]

Awesome! 👌🤩

[@AbidKhan-bn4lc]

Good

[@muhammadfurqanalam]

8:40 exactly 💯 :(

[@ViniciusNegrao_]

tip #7 is actually awesome!! I still don't know why the f*** we can't transition height into auto
PS: #10, I didn't know you could animate variables 🤯

[@notme9801]

Can you show us your setup, i.e. how you have the browser immediately show results whenever you change your code?

[@leroydennisaidoo7968]

Set files to auto save

[@notme9801]

@@leroydennisaidoo7968 and for auto refresh what does he use, webpack? 🤔

[@notme9801]

And then what else, webpack? 🤔

[@anjon-roy]

Superb

[@HuynhLuong227]

wow, thanks for sharing

[@bharatdubey83]

Please launch JavaScript course

[@kuber9459]

border-radius wont take any effect if border-image is used !!

[@AsifAli14280]

Great

[@gareth2021]

nice

[@mayankraj6201]

Every pro was once a noob😊

[@Homelander_30]

Bring js

[@erthboy47]

Filter: drop-shadow is WILD lol

[@fabsn182]

Columns has been around since the early days of CSS? No, not evel close. Firefox and IE introduced it in 2012, Chrome in 2016. CSS is from 1996.
Chrome had Flexbox (prefixed) since 2010, Firefox (prefixed) since 2007.

[@hclyrics]

I'm about to get burned at the stake for this CSS witchcraft.

[@RichardRobinson-x2f]

Thomas Frank Martin Scott Robinson Timothy

[@marccalis9444]

What happend with you voice? Not cool

[@XTheCat]

Damn rasist much? He's always sounded like that

[@erthboy47]

I WISH I DIDNT USE A WYSIWYG BUILDER AT MY JOB I WANT FREEDOM LOL