Some small css tips #015

Small #css tip: You can keep your css variables unit less so you can use them with any unit later by combining the var() and calc() functions. #100DaysOfCode #DEVCommunity pic.twitter.com/pukSNHK0UD

— Stephan Nijman (@Vanaf1979) March 18, 2021

Small #css tip: Position sticky is not limited to top navigation's. You can also (among other things) use it to create some nice headings that stick alongside your text. #100DaysOfCode #DEVCommunity

👇Check out the CodePen below pic.twitter.com/LwkDniuAjT

— Stephan Nijman (@Vanaf1979) March 22, 2021

Small #css tip: If you don’t want your background image to show underneath your padding space, you can use background-clip to prevent this. #100DaysOfCode #DEVCommunity

👇Check out the CodePen below pic.twitter.com/EVqlKxvMkZ

— Stephan Nijman (@Vanaf1979) March 23, 2021

Small #css tip: If you need to limit a piece of text to a set number of lines you can do that with this code snippet. Even though it uses the -webkit prefix, it will work in most modern browsers. #100DaysOfCode #DEVCommunity

👇Check out the CodePen below pic.twitter.com/pwyFmznS8w

— Stephan Nijman (@Vanaf1979) March 24, 2021