Thread by @Insharamin

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.😊