Hi
I wonder if you can help me, I still in the learning phase, I ´ve made a layout using css grid, but its not responsive although I´ve used the :
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
my layout is in:~ codepen.io/fretagi/pen/qBaPExy
A London Web Developer. A lot of my professional experience is in digital agencies and I enjoy helping new front-end developers learn how to code websites.
When you use grid-column on a grid containers children, you lose the responsive ability unless you set it again in a media query.
Auto-fit/auto-fill works best with equal size elements. If you're trying to make a traditional website page structure using grid (highly recommended), then look into grid-template-area
Hi
I wonder if you can help me, I still in the learning phase, I ´ve made a layout using css grid, but its not responsive although I´ve used the :
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
my layout is in:~
codepen.io/fretagi/pen/qBaPExy
When you use grid-column on a grid containers children, you lose the responsive ability unless you set it again in a media query.
Auto-fit/auto-fill works best with equal size elements. If you're trying to make a traditional website page structure using grid (highly recommended), then look into grid-template-area
Thanks!
Thanks a lot, I was under impression that I was doing something wrong
change the value of minmax