DOUM Coding

CSS Property Explanation 85

85. repeat()

Ye property grid me multiple columns/rows banane ke liye shortcut hai.

Use Case:

Agar 3 equal columns chahiye to likho repeat(3, 1fr).

Example:

.grid {
grid-template-columns: repeat(3, 1fr);
}

Isse 3 equal columns ban jayenge.
If You like These types of post please like.

2 hours ago | [YT] | 1

DOUM Coding

CSS Property Explanation 84

84. minmax()

Ye property grid column/row ke minimum aur maximum size define karti hai.

Use Case:

Agar ek column ka size 100px se kam na ho aur 1fr tak badhe, to use karo.

Example:

.grid {
grid-template-columns: minmax(100px, 1fr);
}

Isse column flexible rahega.
If You like These types of post please like.

1 day ago | [YT] | 1

DOUM Coding

CSS Property Explanation 83

83. min-content / max-content

Ye special keywords hote hain element ke size ko control karne ke liye.

Use Case:

Agar ek box ka width sirf text jitna rakhna ho to width: max-content;.

Example:

p {
width: max-content;
}

Isse box sirf text ke size jitna hi rahega.
If You like These types of post please like.

2 days ago | [YT] | 1

DOUM Coding

CSS Property Explanation 82

82. column-gap

Ye property columns ke beech ka gap set karti hai.

Use Case:

Agar columns ke beech 30px ka gap chahiye to column-gap: 30px;.

Example:

.grid {
column-gap: 30px;
}

Isse columns ke beech 30px ka space hoga.
If You like These types of post please like.

3 days ago | [YT] | 1

DOUM Coding

CSS Property Explanation 81

81. row-gap

Ye property rows ke beech gap define karti hai.

Use Case:

Agar grid rows me space chahiye to row-gap: 10px;.

Example:

.grid {
display: grid;
row-gap: 10px;
}

Isse rows ke beech spacing aayegi.
If You like These types of post please like.

4 days ago | [YT] | 2

DOUM Coding

CSS Property Explanation 80

80. gap

Ye property flex aur grid items ke beech spacing set karti hai.

Use Case:

Agar elements ke beech equal gap chahiye to gap: 20px;.

Example:

.container {
display: flex;
gap: 20px;
}

Isse har item ke beech 20px space hoga.
If You like These types of post please like.

5 days ago | [YT] | 1

DOUM Coding

CSS Property Explanation 79

79. flex-basis

Ye property item ka initial size define karti hai before grow/shrink.

Use Case:

Agar ek box ka base width fix karna ho to flex-basis: 200px;.

Example:

.item {
flex-basis: 200px;
}

Isse item hamesha 200px se start karega.
If You like These types of post please like.

6 days ago | [YT] | 0

DOUM Coding

CSS Property Explanation 78

78. flex-shrink

Ye property batati hai ki item shrink hoga ya nahi jab space kam ho.

Use Case:

Agar kisi item ko shrink hone se rokna ho to flex-shrink: 0;.

Example:

.item {
flex-shrink: 0;
}

Isse item apna original size maintain karega.
If You like These types of post please like.

1 week ago | [YT] | 1

DOUM Coding

CSS Property Explanation 77

77. flex-grow

Ye property define karti hai ki item available space me kitna grow karega.

Use Case:

Agar ek item ko extra space lena ho, to flex-grow: 1;.

Example:

.item {
flex-grow: 1;
}

Isse item container me stretch ho jayega.
If You like These types of post please like.

1 week ago | [YT] | 2

DOUM Coding

CSS Property Explanation 76

76. order

Ye property batati hai ki flex item kis order me appear hoga.

Use Case:

Agar ek element ko pehle show karna ho to order: -1;.

Example:

.item1 { order: 2; }
.item2 { order: 1; }

Isse item2 pehle aur item1 baad me dikhega.
If You like These types of post please like.

1 week ago | [YT] | 1