You need a media query to define specific rules for different devices/screen widths. The below will be two equal columns at 769px plus, and 1 column at 768px and below. 768px is roughly a tablet in portrait mode.
You only need to change the specific rules you want changed, so in the below you don't need to re-state display: grid
You need a media query to define specific rules for different devices/screen widths. The below will be two equal columns at 769px plus, and 1 column at 768px and below. 768px is roughly a tablet in portrait mode.
You only need to change the specific rules you want changed, so in the below you don't need to re-state display: grid
CSS(cascading style sheets) works all in order, like a waterfall it 'cascades'. So if I set width to be 500px and then set width to be 200px after, it would be 200px.