Hi everybody, i have a problem with grid-template-columns property: when i try to apply fr dimensions in order to get 2 columns div (60/40) my site broken. Only works with repeat function: repeat(1,minmax(0,1fr));. I cant solve this. Can anybody help me? Thanks a lot!!
Nicolás from Argentina.
This is the expected result if using 1fr’s with grid if using something like a carousel or slider for determining the width.
Because 1fr is equivalent to minmax(auto, 1fr), where auto would allow the carousel to take up all the available space, making the second 1fr take up none of it.
I would do…
minmax(0,1fr) minmax(0,2fr)
or just…
minmax(0,1fr) 2fr