Website made on CSS Grid Layout, Prefixes issues on Firefox

Asked Oct 23 '17 at 19:58

Active Oct 23 '17 at 20:14

Viewed 233 times

I made a website, project using CSS Grid Layout. Everything looks nice on Chrome and Safari, but on Firefox it messes up, probably because of the prefixes.

For previous projects I used an tool that auto generates those prefixes, but with CSS Grid still being pretty new, those are outdated and does not support CSS Grid.

Any advice to make it work? I tried adding –webkit,-ms- and –moz- before the grid properties.Any good links for other tools that generate this prefixes?

edited Oct 23 '17 at 20:14

asked Oct 23 '17 at 19:58

Distortion

1

probs -your website really looks awesome :D – inxoy Oct 23 '17 at 20:00
You don't need prefixes for CSS Grid on Firefox. Get rid of all of them. – Michael Benjamin Oct 23 '17 at 20:07
1

Also, your website looks exactly the same to me in Chrome and Firefox. Maybe you need to update your Firefox version. – Michael Benjamin Oct 23 '17 at 20:09
But why does it look so weird on my Firefox browser than? I just edited my post with an image showing the problem i have on my browser. – Distortion Oct 23 '17 at 20:13
What's version of FF? – Michael Benjamin Oct 23 '17 at 20:17
version: 48.0.2 @Michael_B – Distortion Oct 23 '17 at 20:31
1

Well that's the problem. FF began support for Grid with v52. See my answer in the duplicate for more details. Click on the caniuse.com link. Also, update your browser. – Michael Benjamin Oct 23 '17 at 20:33

Website made on CSS Grid Layout, Prefixes issues on Firefox

0 Answers0