<p>To continue on my <a target="_blank" href="https://stephan-nijman.hashnode.dev/some-small-css-tips-004">previous post</a> here are some more tweets with little Css tips that might help you in your projects. </p>
<h3 id="easier-colors-with-the-hsl-function">Easier colors with the hsl() function</h3>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/hashnode/status/1346785273502425093">https://twitter.com/hashnode/status/1346785273502425093</a></div>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/Since1979/pen/mdrLdEY">https://codepen.io/Since1979/pen/mdrLdEY</a></div>
<hr />
<h3 id="filters-grayscale-and-sephia">Filters Grayscale and Sephia</h3>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/hashnode/status/1347886456870752256">https://twitter.com/hashnode/status/1347886456870752256</a></div>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/Since1979/pen/yLaqaLb">https://codepen.io/Since1979/pen/yLaqaLb</a></div>
<p>Css filters docs: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/filter" class="autolinkedURL autolinkedURL-url" target="_blank">developer.mozilla.org/en-US/docs/Web/CSS/fi..</a></p>
<hr />
<h3 id="required-valid-invalid">:required :valid :invalid</h3>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/hashnode/status/1348620085007671297">https://twitter.com/hashnode/status/1348620085007671297</a></div>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/Since1979/pen/xxEabVj">https://codepen.io/Since1979/pen/xxEabVj</a></div>
<hr />
<h3 id="left-aligning-list-elements">left-aligning list elements</h3>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/hashnode/status/1356940617805422595">https://twitter.com/hashnode/status/1356940617805422595</a></div>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.youtube.com/watch?v=kBE23XbViUE">https://www.youtube.com/watch?v=kBE23XbViUE</a></div>
<p>Blog post: <a href="https://dev.to/vanaf1979/css-aligning-your-lists-with-your-text-340o" class="autolinkedURL autolinkedURL-url" target="_blank">dev.to/vanaf1979/css-aligning-your-lists-wi..</a></p>
<hr />
<h3 id="multiple-color-backgrounds-without-images">Multiple color backgrounds without images</h3>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/hashnode/status/1348951055330123776">https://twitter.com/hashnode/status/1348951055330123776</a></div>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/Since1979/pen/XWjxXxZ">https://codepen.io/Since1979/pen/XWjxXxZ</a></div>
<p>Css linear-gradient docs: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient()" class="autolinkedURL autolinkedURL-url" target="_blank">developer.mozilla.org/en-US/docs/Web/CSS/li..</a></p>
<hr />
<h3 id="max-characters-width">Max characters width</h3>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/hashnode/status/1349338833213644802">https://twitter.com/hashnode/status/1349338833213644802</a></div>
<hr />
<h3 id="subscribe-and-follow">Subscribe and Follow</h3>
<p><strong><a target="_blank" href="https://www.youtube.com/channel/UCeyqA3y26RlnfUSx3ufgFoA">Subscribe to my Youtube channel.</a></strong></p>
<p><strong><a target="_blank" href="https://twitter.com/Vanaf1979">Follow me on Twitter</a></strong></p>
<p><strong>Thanks for reading/watching and stay safe</strong></p>


To continue on my [previous post](https://stephan-nijman.hashnode.dev/some-small-css-tips-004) here are some more tweets with little Css tips that might help you in your projects. 

### Easier colors with the hsl() function
%[https://twitter.com/hashnode/status/1346785273502425093]
%[https://codepen.io/Since1979/pen/mdrLdEY]

--- 

### Filters Grayscale and Sephia
%[https://twitter.com/hashnode/status/1347886456870752256]
%[https://codepen.io/Since1979/pen/yLaqaLb]
Css filters docs: https://developer.mozilla.org/en-US/docs/Web/CSS/filter

--- 

### :required :valid :invalid
%[https://twitter.com/hashnode/status/1348620085007671297]
%[https://codepen.io/Since1979/pen/xxEabVj]

--- 

### left-aligning list elements
%[https://twitter.com/hashnode/status/1356940617805422595]
%[https://www.youtube.com/watch?v=kBE23XbViUE]
Blog post: https://dev.to/vanaf1979/css-aligning-your-lists-with-your-text-340o

--- 

### Multiple color backgrounds without images
%[https://twitter.com/hashnode/status/1348951055330123776]
%[https://codepen.io/Since1979/pen/XWjxXxZ]
Css linear-gradient docs: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient()

--- 

### Max characters width
%[https://twitter.com/hashnode/status/1349338833213644802]

---

### Subscribe and Follow

**[Subscribe to my Youtube channel.](https://www.youtube.com/channel/UCeyqA3y26RlnfUSx3ufgFoA)**

**[Follow me on Twitter](https://twitter.com/Vanaf1979)**

**Thanks for reading/watching and stay safe**

Some small Css tips #005

Hi I'm Stephan Nijman! Html, Css, Javascript, React, Php and WordPress Enthusiast/Blogger/Developer.
