Forums

Give help. Get help.

  • # March 5, 2018 at 3:44 pm

    Hi guys

    Could you take a look at this for me please.

    In Firefox when the screen width gets narrow instead of floating two items it breaks to just one. Seems ok in chrome.

    My code on the breakpoint is

    width: calc((100% - 2.5rem) / 2);
    

    If I change 2.5rem to 2.509rem then it works but 2.5rem should work as thats my margin width.

    Is this a bug or am I missing something? its annoying as I want to use a variable in place of 2.5rem.

    Cheers

    Btw I’m on Windows 10.

    # March 5, 2018 at 7:11 pm

    Changing the font-size to 57 or 59 from the below query in the code also seemed to fix it for me. I couldn’t tell you why without digging in further, but this could be a solution for your current problem.

    @media only screen and (max-width: 37.5em){
    html{font-size:58%}
    }

    # March 6, 2018 at 4:00 am

    Thanks man, seems like it is some strange anomaly.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag