Skip to main content

Forums

This topic contains 2 replies, has 2 voices, and was last updated by  Ricky55 1 year, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #267902

    Ricky55
    Participant

    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.

    #267904

    Scipik
    Participant

    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%}
    }

    #267916

    Ricky55
    Participant

    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-link icon-logo-star icon-search icon-star