Design comparison
Solution retrospective
Hi guys, I have a question: I made use of chrome browser while working on this project, I noticed that after styling on chrome, my project styles look different on other browsers like fire-fox and Explorer. Is there a way to target all the browsers while giving CSS styles, so that my styles look the same on all browsers?
I'm looking forward to your replies.
Community feedback
- @gurkaran321Posted over 3 years ago
It's great! I also completed it yesterday. The only thing which is making the site less attractive is the font size of the intro section on the desktop. I think you forgot to increase the size in the media queries.
0@PriscaToniaPosted over 3 years ago@gurkaran321 oh thank you, will do that today🙏🤗
0 - @ericsalviPosted over 3 years ago
A good bit of practice to make sure all browsers can support the code you created in Chrome is to run your entire CSS code through https://autoprefixer.github.io/. This tool will then render the CSS back with the correct vendor prefixes. That way the flexbox code you wrote for Chrome, will have the correct fallback flexbox code needed to run in Firefox.
Also, you should cross-check your code on https://caniuse.com/ to see if certain browsers support newer bit of code.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord