question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

hidden{bp}Up media query misses 1px math

See original GitHub issue

When I have < Col col={3} hiddenXlDown>...</ Col> < Col col={6} hiddenXlUp>...</ Col> having xl breakpoint set to 1920 on the exact window width of 1920px none of the elements are showing.

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:2
  • Comments:5

github_iconTop GitHub Comments

1reaction
ls-sam-leatherdalecommented, May 14, 2020

Hi @PetroPavlenko, thanks, that is a better implementation, I didn’t focus too closely on the types in my solution. 👍

0reactions
PetroPavlenkocommented, Nov 2, 2020

Hi @dragma Looks like in 3.1 doesn’t contain PR #57 that help with this. So I cannot pull it from npm. Can you bump version with fix ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

media query is 1px off - css - Stack Overflow
I found that if I decreased the pixel size one-by-one in the devtool width box and then console-logged window.innerWidth, it reveals what is ......
Read more >
CSS Media Min-Width & Max-Width Queries - How They Work
What are css media queries? Learn to use media max width and min width to develop responsive emails for different device sizes.
Read more >
Responsive display settings have 1px gap in breakpoints #5221
The fix would be to ensure the frontend styles all use min-width for the toggle styles media queries, rather than a mixture of...
Read more >
Approaches to Media Queries in Sass - CSS-Tricks
A first step would be to store that breakpoint in a variable and use it to construct the media query. /* Using plain...
Read more >
Using media queries - CSS: Cascading Style Sheets | MDN
Media queries allow you to apply CSS styles depending on a device's general type (such as print vs. screen) or other characteristics such...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found