CSS Pro tips you might not know.
A Thread 👇
1⃣ user-select property
The user-select property specifies whether the text of an element can be selected or not.
2⃣ place-item property
The CSS place-items is a shorthand property that allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout system such as Grid or Flexbox.
If the second value is not set in the place-item property, the first value is also used for it.
3⃣ clamp() property
clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three parameters: a minimum value, a preferred value, and a maximum allowed value.
4⃣ calc()
The calc() CSS function lets you perform calculations when specifying CSS property values.
Syntax:
property : calc(expression)
The calc() function takes a single expression as its parameter, with the expression's result used as the value.
5⃣ image-rendering
The image-rendering property defines how the browser should render an image if it is scaled up or down from its original dimensions.
The three possible values are : auto, crisp-edges, pixelated.
Thanks for reading folks. If you found this thread helpful a retweet would mean lot to me.😊
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.