Fr meaning in css

.container {
  display: grid;
  width: 800px;
  grid-template-columns: 5fr 5fr 1fr;
  grid-template-rows: 150px 150px;
  grid-gap: 1rem;
}

Css fr meaning

.container {
  display: grid;
  width: 1800px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 150px);
  grid-gap: 1rem;
}

Similar codes

0 vote226 views1 answer
Css custom easing
CSS
74 votes192 views6 answers
Flex css
CSS
11 votes174 views2 answers
How to remove up and down arrows from input type number
CSS
0 vote238 views1 answer
Object-fit
CSS
0 vote195 views1 answer
Website meta tags example
CSS
2 votes183 views1 answer
Css text black outline
CSS
1 vote172 views1 answer
How to remove margin of body
CSS
0 vote177 views1 answer
Align grid items with end
CSS
1 vote196 views1 answer
Page icon css
CSS
0 vote232 views1 answer
Move list item to left css
CSS