Skip to content
Submitted over 3 years ago

HTML, CSS, Flex, Grid

Prisca Onwudebelu•170
@PriscaTonia
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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

  • Gurkaranpreet Singh•105
    @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
    Prisca Onwudebelu•170
    @PriscaToniaPosted over 3 years ago

    @gurkaran321 oh thank you, will do that today🙏🤗

    0
  • Eric Salvi•1,350
    @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
    Prisca Onwudebelu•170
    @PriscaToniaPosted over 3 years ago

    @ericsalvi Thank You very much.

    0

Please log in to post a comment

Log in with GitHub

Join 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