Skip to content
Submitted over 4 years ago

Pricing component, grid and a bit of JS

Michal Gregulec•160
@michalgregu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Pricing component with toggle
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Could someone help me? Why is Firefox and Chrome differently rendering the height of the card? It is 490 px on both, but they clearly look different in different browsers. Thanks!

Community feedback

  • Mike Hayden•1,005
    @mickygingerPosted over 4 years ago

    Hey Michal, this is great!

    I've had a look on Chrome, Safari and Firefox, and I can't see any difference in the height of the card. My only guess would be that you are zoomed out on one of your browsers. Try resetting the zoom across all your browsers.

    You can also see that the font is rendered slightly differently on FF, I think you can fix this with the font-smoothing property. Here's David Walsh's take on it.

    You also have a whopping 73 HTML issues! You should check the report and fix those up! 😜

    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