Some small css tips #016

To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.

Prevent textarea resize.

Small #css tip: You can prevent a textarea from being resized (Or limit it to one axis) by setting the css resize property. #100DaysOfCode #DEVCommunity

Check out the CodePen below pic.twitter.com/JfdxBqMSl9
— Stephan Nijman (@Vanaf1979) March 25, 2021

CodePen: https://codepen.io/Since1979/pen/rNWXExw

Css resize docs: https://developer.mozilla.org/en-US/docs/Web/CSS/resize

Text-indent.

Small #css tip: You can indent the first line of a paragraph by using the css text-indent property. #100DaysOfCode #DEVCommunity

Check out the CodePen below pic.twitter.com/CSt2bkItr4
— Stephan Nijman (@Vanaf1979) April 23, 2021

CodePen: https://codepen.io/Since1979/pen/qBRaGqR

Css text-indent docs: https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent

:where.

Small #css tip; If you want to select multiple elements inside a parent element, you can use :where() to do exactly that. 😀 #100DaysOfCode #DEVCommunity

👇 Check out the CodePen below pic.twitter.com/lPu53IOiBW
— Stephan Nijman (@Vanaf1979) April 24, 2021

CodePen: https://codepen.io/Since1979/pen/zYNyEaw

Css :where() docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:where

Only-child.

Small #css tip: If you need to select an element that is the only element inside of it’s parent you can use the css :only-child pseado-selector. #100DaysOfCode #DEVCommunity

👇Check out the CodePen below. pic.twitter.com/60bX3xQRi1
— Stephan Nijman (@Vanaf1979) April 25, 2021

CodePen: https://codepen.io/Since1979/pen/dyNaKMN

Css only-child docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:only-child